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 ruclips.net/video/9DU7WLZeam8/видео.html ✅ Sitio web con php y Mysql www.youtube.com/watch?v=IZHBM... ✅ Cómo crear una aplicación web con javascript ruclips.net/video/ioFB_DfD_u4/видео.html ✅ Crud php mvc bootstrap ruclips.net/video/gPC_xbtTx-Y/видео.html ✅ Crud Java www.youtube.com/watch?v=kPCbb... ✅ Aplicación WEB con PYTHON ruclips.net/video/gUED5uFmyQI/видео.html ✅ Cómo crear aplicación angular CRUD ruclips.net/video/ATn_Ds1zzOU/видео.html ✅ CÓMO hacer un CRUD en PHP y mysql ruclips.net/video/yr699_OD3-g/видео.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",
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.
@@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
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/
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.
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...?
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
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!
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
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.
En este CRUD usé : ruclips.net/video/IZHBMwGIAoI/видео.html pero igual lo puedes implementar en: ruclips.net/video/gPC_xbtTx-Y/видео.html ( en general se puede usar en cualquier CRUD que tenga una tabla HTML). Saludos.
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á.
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.
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",
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
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...
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?
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 ruclips.net/video/9DU7WLZeam8/видео.html
✅ Sitio web con php y Mysql www.youtube.com/watch?v=IZHBM...
✅ Cómo crear una aplicación web con javascript ruclips.net/video/ioFB_DfD_u4/видео.html
✅ Crud php mvc bootstrap ruclips.net/video/gPC_xbtTx-Y/видео.html
✅ Crud Java www.youtube.com/watch?v=kPCbb...
✅ Aplicación WEB con PYTHON ruclips.net/video/gUED5uFmyQI/видео.html
✅ Cómo crear aplicación angular CRUD ruclips.net/video/ATn_Ds1zzOU/видео.html
✅ CÓMO hacer un CRUD en PHP y mysql ruclips.net/video/yr699_OD3-g/видео.html
Que buen video, todos los que publicas son Excelentes! Muchas gracias Oscar!! Saludos
Un gusto leerte Jose, saludos.
Muchas gracias sensei, lo implementé en un proyecto y me funcionó bien, excelente video, corto y al grano
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.
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 🙌🥂
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?
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.
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 ingeniero me ha sido de mucha ayuda todos sus videos
Recuerda compartir el video José y te deseo mucho éxito, saludos.
Muchas gracias pir el video Inge te lo agradezco por compartir y ayudarnos.
Muchas Gracias 👨🏻💻👍🏻
Gracias Alberto.
¡EXCELENTE VIDEO!
Mil gracias, me sirvió.
Muy poco código, rápido y sencillo!! 👏👏👏👏
🍻
WOW asi de facil?? y asi de facil modificar?? dios eres un crack me salvaste de romperme la cabeza con los datatables
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.
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.
Su contenido es de excelencia.muchas gracias!
Un gusto Tipsexcel no olviden en compartir el video para apoyar al canal, saludos.
Excelente video ingeniero y mentor Oscar. Ya he probado esa librería y es muy buena💪😎
Muchas gracias inge, saludos y un fuerte abrazo.✌
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.
Wuao, excelente video, fue súper fácil y rápido 😮
Un gusto Rangel, no olvides en compartir el vídeo.
Gracias por todo! muy buen contenido
Muchas gracias Francisco, recuerda compartir pues eso ayuda al canal, 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
Justo lo que necesitaba gracias y buen video, me ayudo mucho con mi aprendizaje :D
Excelente Marvin, recuerda compartir, saludos.
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
Grandioso, buenisimo la saca del estadio este plugin y tu explicacion, Gracias !
Excelente docente!!!
Gracias Mauricio.
puff muy buenos sus videos 👍
Maravilloso como siempre, muy útil e informativo
Genial! Muchas gracias!
Excelente edgar, no olvide en compartir el video para apoyar al canal, éxito.
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/
woooow no conocía eso, gracias sensei
👍
Nunca antes habia cerrado tan rapido el portal del SAT!!!
Me sirvió mucho su video pero como lo adapto en responsive, "utilice vanilla" gracias ...
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.
Profe cordial saludo que es mas recomendable trabajar con los CDN o descargar el DataTable y cargarlos directamente los directorio del proyecto.
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...?
Hola estoy utilizando los datables pero las tildes y ñ no reconoce en el listado
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
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!
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" //
},
Hola podrias hacer un video sobre efectos loading o de cargando cuando se pasa de pagina en pagina usando en datatables
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
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. Tengo esta duda.
Se pueden agregar más campos a una datatables
Buenas Tardes,
Pusiste los links a datatables?
Master que crud php utiliza en este video? Hay vídeo del crud desde cero?
En este CRUD usé : ruclips.net/video/IZHBMwGIAoI/видео.html pero igual lo puedes implementar en: ruclips.net/video/gPC_xbtTx-Y/видео.html ( en general se puede usar en cualquier CRUD que tenga una tabla HTML).
Saludos.
@@Develoteca Gracias Master! Ahorita veo los videos! 😎
buenas noches amigo.. porfavor pero como puedo usar el datatables cuando pinto mi tabla atraves de un id.. no haciendo un foreach alli mismo!
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
Buen día hay como cambiar el ancho de las columnas
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
wow
Puedes hacer un video mas avanzado de Vanilla Datatables?
Profe segui todo pero me marca un error "Uncaught TypeError: Cannot read properties of undefined (reading 'length')" en vanilla-tables
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.
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
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}"
}
});
Hola no me jala no sale lo de abajo y no filtra
y como se le puede cambiar el idioma ..?
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.
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?
El problema, JQuery!!