datatables para un crud php mysql
Vložit
- čas přidán 22. 07. 2024
- - Toma el curso de sitio web con PHP, te enseño las bases de la programación paso a paso: cursos.develoteca.com/courses...
- Toma mi curso de PHP+MVC+POO: cursos.develoteca.com/courses...
- PUEDES SOLICITAR QUE TE HAGAMOS TU CRUD A LA MEDIDA EN EL SIGUIENTE ENLACE: oscaruh.gumroad.com/l/program...
Únete a este canal para acceder a sus beneficios:
/ @develoteca
Te recomiendo el video que a ayudado a mucha gente:
✅ Sitio web con php y mysql • Sitio WEB con php y mysql
Capítulos del video : Cómo usar DataTables en un crud php mysql
00:00 Introducción
00:48 Integración de DataTables
03:50 Convertir table HTML y Cómo usar DataTables en un CRUD php mysql
07:00 Opciones a la hora de usar DataTable
10:40 Conclusión del video
== Muchas gracias al apoyo de los inges (miembros del canal ) por el apoyo este proyecto CRUD svelte js con php y mysql ==
Nivel Master Jedi
🏅Marlon Soto Silva
🏅jhon jairo grimaldo pantoja
🏅Fer Jimenez Rdz.
🏅Yi'O Wong
🏅Fran Núñez
🏅isaac cruz herrera
🏅edgar snyck
🏅Mikel Cuellar
🏅Rodolfo Nieto Samperio
🏅Jose Brito
🏅Xaxke
🏅Orange Fox
🏅Jonathan Aguilar
🏅Angel Ruiz
🏅Roberto Canela
Muchas gracias también a los miembros del canal del Nivel Padawan 🏅
#Develoteca #aplicacionesweb #crud #crudphpmysql
== Aquí tienes más videos para aprender y a hacer aplicaciones en el lenguaje que gustes ==
✅ Sitio web con php y mysql • Sitio WEB con php y mysql
✅ Crud Laravel 8 • Cómo HACER un CRUD en ...
✅ Sitio web con php y Mysql • Sitio WEB con php y mysql
✅ Cómo crear una aplicación web con javascript • Aplicación web con php...
✅ Crud php mvc bootstrap • Crud php mvc bootstrap...
✅ Crud Java • CRUD java netbeans ►🎁 ...
✅ Aplicación WEB con PYTHON • Aplicación WEB con PYT...
✅ Cómo crear aplicación angular CRUD • Aplicación web con ang...
✅ CÓMO hacer un CRUD en PHP y mysql • CÓMO hacer un CRUD en ...
Link de datatables: github.com/Mobius1/Vanilla-Da...
Link de DataTables jQuery :datatables.net/
Recuerda compartir para ayudar al canal y si quieres aprender más CRUD´s aquí tienes más videos para aprender y a hacer aplicaciones en el lenguaje que gustes:
✅ Crud Laravel 8 czcams.com/video/9DU7WLZeam8/video.html
✅ Sitio web con php y Mysql www.youtube.com/watch?v=IZHBM...
✅ Cómo crear una aplicación web con javascript czcams.com/video/ioFB_DfD_u4/video.html
✅ Crud php mvc bootstrap czcams.com/video/gPC_xbtTx-Y/video.html
✅ Crud Java www.youtube.com/watch?v=kPCbb...
✅ Aplicación WEB con PYTHON czcams.com/video/gUED5uFmyQI/video.html
✅ Cómo crear aplicación angular CRUD czcams.com/video/ATn_Ds1zzOU/video.html
✅ CÓMO hacer un CRUD en PHP y mysql czcams.com/video/yr699_OD3-g/video.html
excelente complemento master estamos aprendiendo mucho de tu sabiduria
anexo este codigo para que se vea las etiquetas en español
//Para cambiar el lenguaje a español
labels: {
placeholder: "Buscar:",
perPage: "{select} Registros por pagina",
noRows: "Registro no Encontrado",
info: "Mostrando registros del {start} al {end} de {rows} Registros",
Gracias por compartir Arturo, saludos.
una consulta como se implementa de forma local (sin utilizar el CDN) ya que lo intente pero no me funciona?
Muchas gracias sensei, lo implementé en un proyecto y me funcionó bien, excelente video, corto y al grano
puff muy buenos sus videos 👍
MUCHISIMAS GRACIAS POR EL VIDEO... Me costo un montón implementarlo yo solo, pero que gran video.
Pero que grande mi Inge, gracias
Gracias Josse, saludos.
Grandioso, buenisimo la saca del estadio este plugin y tu explicacion, Gracias !
Maravilloso como siempre, muy útil e informativo
Eres grande Profe. Gracias por compartir tus conocimientos. ❤🙌
Gracias Jasson, un gusto leerte, saludos.
Muchas gracias por el video, fácil y efectivo, excelente, por cierto, con la opción labels:, podéis cambiar el idioma o la nomenclatura al as etiquetas del texto.
Gracias por todo! muy buen contenido
Muchas gracias Francisco, recuerda compartir pues eso ayuda al canal, saludos.
Te debo la vida, con esto me ahorre casi una semana de trabajo thank's
Exclente Andrés, no olvides en apoyar al canal compartiendo el contenido 🙌🥂
Muchas gracias pir el video Inge te lo agradezco por compartir y ayudarnos.
Muchas Gracias 👨🏻💻👍🏻
Gracias Alberto.
Gran aporte como siempre Inge, gracias
Gracias inge, los CRUD´s son inevitables como el aire que respiramos y hay que fortificarlos cuando se pueda , saludos.
¡EXCELENTE VIDEO!
Mil gracias, me sirvió.
Muy poco código, rápido y sencillo!! 👏👏👏👏
🍻
Es una excelente opcion, y muchas veces nos complicamos con estos temas, esto es algo muy facil de hacer. Excelente Video como siempre.
Gracias Juancito, saludos hasta R.D.
Excelente docente!!!
Gracias Mauricio.
Excelente video ingeniero y mentor Oscar. Ya he probado esa librería y es muy buena💪😎
Muchas gracias inge, saludos y un fuerte abrazo.✌
Su contenido es de excelencia.muchas gracias!
Un gusto Tipsexcel no olviden en compartir el video para apoyar al canal, saludos.
Gracias ingeniero me ha sido de mucha ayuda todos sus videos
Recuerda compartir el video José y te deseo mucho éxito, saludos.
Genial! Muchas gracias!
Excelente edgar, no olvide en compartir el video para apoyar al canal, éxito.
Justo necesitaba ver cómo es un crud con php usando datatable y como siempre, develoteca cayó del cielo como un salvador jaja, que grande !
Gracias Lautaro, no olvides en compartir los videos para apoyar al canal, éxito.
Nunca antes habia cerrado tan rapido el portal del SAT!!!
Justo lo que necesitaba gracias y buen video, me ayudo mucho con mi aprendizaje :D
Excelente Marvin, recuerda compartir, saludos.
A caray eso si me interesa, saludos profe
Fácil de implementar hernja ( si es html )... con 2 commits en git y listo... todo el trabajo hecho ( como magia) como debe de ser, jajaja
Como le dije en el otro video, mi codigo está igual que el suyo, doy todos los pasos igual como usted, pero no me funciona, siempre gracias profesor, logicamente es mi culpa, bendiciones.
WOW asi de facil?? y asi de facil modificar?? dios eres un crack me salvaste de romperme la cabeza con los datatables
Wuao, excelente video, fue súper fácil y rápido 😮
Un gusto Rangel, no olvides en compartir el vídeo.
muchos videos con mucha teoria y nada...tu video menos tiempo y funciono a la primera, eres grande!
Gracias Mannyx, no olvides en compartir el video para apoyar al canal, éxito.
woooow no conocía eso, gracias sensei
👍
Cada video es épicooo
Profe habrán algunas variantes de datatable ..
Si, más que variantes son otras herramientas, te dejo una lista que tengo guardada ( espero que te pueda servir ) :
listjs.com/
frappe.io/datatable
dash.plotly.com/datatable
www.ag-grid.com/
fancygrid.com/
www.zinggrid.com/
gridjs.io/
revolist.github.io/revogrid/
jspreadsheet.com/v8/
handsontable.com/
Hola podrias hacer un video sobre efectos loading o de cargando cuando se pasa de pagina en pagina usando en datatables
Eres muy bueno siempre estoy al pendiente de tu canal pero queria comentarte que no se por que pero tengo un incoveniente con algunos datatables y es que no me aparecen las barras tanto de abajo como las laterales para bajarlas entonces me toca darle en inspeccionar y de ahi darle para ver como seria en un movil y hay si me aparecen esas barras desplegables
Justo lo implemente en el carrito de compras y estoy haciendo las pruebas grande inge
excelente, gracias Jose
@@Develoteca pero use con jQuery la cosa que veo es que al cargar la página se ve por un momento la tabla normal luego si carga el datatabled
@@Develoteca como siempre usando materialize vas
@@Develoteca inge estoy desarrollando un sistema de inventario puesta en práctica toda tus clases, pero podría sugerir algo sobre seguridad con php y MySQL???
Saludoa
wow
Excelente video! muchísimas gracias por el tutorial, super util!
Me gustaría consultarte, como hacer para en el caso de que tenga una tabla grande, sea responsive? Desde ya muchísimas gracias!
Una consulta es diferente la implementacion sin utilizar el CDN, ya que descargue y copie los archivos al folder del proyecto y al referenciarlos en el header no funciiona...?
Profe cordial saludo que es mas recomendable trabajar con los CDN o descargar el DataTable y cargarlos directamente los directorio del proyecto.
Enséñanos a hacer un datable desde cero con javascript puro 🥺
Uff, sería bueno ese reto, pero si que llevaría su tiempo, saludos Daion.
@@Develoteca Si me imagino hay unos cuantos tutoriales pero la forma en que explicas tu es única.
@@daioncode862 Gracias, pero he mejorado mucho gracias a ustedes, saludos 🖖 Daion
Hola estoy utilizando los datables pero las tildes y ñ no reconoce en el listado
Excelente vídeo, gracias a tu vídeo pude implementar el DateTable, ahora bien puse otra DateTable e implementé otro buscador, este con el fin de buscar en las dos tablas pero estoy viendo que mi buscados para las dos tablas funciona pero no me busca en las otras paginas, solo me busca en una sola página, alguien sabe como podría solucionar este problema y poder buscar la información en toda la paginación por favor
Me sirvió mucho su video pero como lo adapto en responsive, "utilice vanilla" gracias ...
Puedes hacer un video mas avanzado de Vanilla Datatables?
Hola. Tengo esta duda.
Se pueden agregar más campos a una datatables
buenas noches amigo.. porfavor pero como puedo usar el datatables cuando pinto mi tabla atraves de un id.. no haciendo un foreach alli mismo!
Excelente video. Me gustaria saber como puedo cambiar SELECT * FROM tabla. para que el usuario pueda filtrar la consulta SELECT * FROM tabla WHERE ?, y no cargue todos los registros. Ej: Filtrar por un rango de fecha. Respetando el patron MVC.
Profe segui todo pero me marca un error "Uncaught TypeError: Cannot read properties of undefined (reading 'length')" en vanilla-tables
Buen día hay como cambiar el ancho de las columnas
Excelente el video y realmente con estas librerías se le da a la aplicación características impecables. Pero a mí no me funciona, porque en mi aplicación la tabla tiene más de 500.000 registros. Si la filtro al ppio. no puedo después buscar más registros que los que cargué. Y i no filtro, se termina colgando la aplicación. Me está sacando canas verdes (como decía mi madre). Se aceptan consejos, sugerencias y hasta pañuelos. Saludos.
Hola no me jala no sale lo de abajo y no filtra
Buenas Tardes,
Pusiste los links a datatables?
y como se le puede cambiar el idioma ..?
Muchas gracias por el video, es de gran ayuda, y una duda estas DataTables se pueden combinar con cualquier otro lenguaje?
Gracias Jorge, así es, trabaja directamente con la tabla HTML y su implementación sólo depende de js ( así que mientras el lenguaje sea para web) lo aceptará.
@@Develoteca no me deja personalizarlo, trate de hacerlo con el jquery datatables , pero nada y no me da errores , si se muestra el datatable
Master que crud php utiliza en este video? Hay vídeo del crud desde cero?
En este CRUD usé : czcams.com/video/IZHBMwGIAoI/video.html pero igual lo puedes implementar en: czcams.com/video/gPC_xbtTx-Y/video.html ( en general se puede usar en cualquier CRUD que tenga una tabla HTML).
Saludos.
@@Develoteca Gracias Master! Ahorita veo los videos! 😎
Excelentes el video Oscar. ¿Se podrá cambiar el idioma a Español?. Saludos.
Hola Álvaro, si hay en español,
labels: {
placeholder: "Buscar...",
perPage: "{select} Registros por página",
noRows: "No se encontró información",
info: "Mostrando [{start} - {end} filas] de {rows} registros" //
},
Si quisiera cambiar los textos que tienen en ingles como lo es el numero de entradas, numero de registros, y el search por "buscar" como lo haria?
var dataTable = new DataTable("#resultado_tabla", {
searchable: true,
fixedHeight: true,
fixedColumns: true,
fixedHeight: false,
perPageSelect: [5, 10, 20, 50, 100, 200],
header: true,
footer: false,
labels: {
placeholder: "Buscar...",
perPage: "{select} Registros por página", // per-page dropdown label
noRows: "No se encontró información", // Message shown when there are no search results
info: "Mostrando [{start} - {end} filas] de {rows} registros" //
},
layout: {
top: "{search}{pager}{select}",
bottom: "{info}"
}
});
segui el tutorial paso a paso pero no me funciona los filtros de datatables ni tampoco los iconos para ordenar, a alguien mas le paso lo mismo?
Inspecciona a ver qué es( botón secundario y consola ) y luego nos dices qué tal
Me pasa lo mismo, en consola no muestra errores
Me pasaba igual, revise el código, resulta que escribí el cierre del foreach luego del cierre de tbody, entonces... Cuando la tabla no está bien estructura dataTables no funciona correctamente
@@omarPaniaguaB teens raon ami me pasa lo mismo y sucede que el foreach esaba arriba del tboby ,,,jejeje saludos gracias xla solucion
Alguien ha implementado a este ejemplo, el scrollX ? intente desde javascript
var tabla= document.querySelector("#tablatransac");
var datatable = new DataTable(tabla, {
scrollX: true,
});
Y no hace nada...
Lo solucioné desde CSS, colocando a la clase de la tabla:
overflow: auto;
Con eso, me salio el scroll horizontal.
Consulta: podemos traducir las etiquetas?? ... Gracias profesor
Arturo Coello
hace 4 meses
excelente complemento master estamos aprendiendo mucho de tu sabiduria
anexo este codigo para que se vea las etiquetas en español
//Para cambiar el lenguaje a español
labels: {
placeholder: "Buscar:",
perPage: "{select} Registros por pagina",
noRows: "Registro no Encontrado",
info: "Mostrando registros del {start} al {end} de {rows} Registros",
@@alejandroscheihing8347 funciona
El problema, JQuery!!
No lo veo recomendable si tienes mas de 10000 registros . lo que haces es imprimir todos y eso consume mucho recursos al servidor. recomendable usar api y hacer tu paginador en js y solo pedir lo que necesitas. Que dicen?
Totalmente de acuerdo, pero igual Datatables tiene una forma de manejarlo con solicitudes, pero en general muy buena observación Vigilio.
@@Develoteca el manejo con solicitudes sería con Ajax?