Datatables - Paneles de búsqueda (Search Panes)

[@wandersonsousa1891]

Nossa, vocễ não tem noção do quanto salvou minha vida, muito obrigado !

[@informaticadp]

Excelente. Saludos y muchas gracias!

[@rubendario3962]

Hola hermano, bue video. Tengo una duda quiero hacer un filtro con un select input con datatables es posible hacerlo??

[@gonzalitogonzalez1034]

Gracias por compartir conocimiento. Habria manera de tener control total de los select, osea que pueda elegir que columnas en las que buscar y quitar las que estan por defecto?

[@informaticadp]

Hola Gonzalito. Si se puede, creo que en un parte del video muestro eso. Pero si se puede.

[@guelmigdl]

Una pregunta, ¿por qué solo pone 3 filtros (Puesto, Oficina y Edad) siendo que son 6 columnas? En ninguna parte del código veo que se elijan específicamente esas 3, de hecho en mis ejemplos me pone un panel de búsqueda por cada columna, y justo es lo que quiero evitar, puesto que en mis tablas tengo columnas de botones y obvio ahí no necesito paneles. Gracias de antemano.

[@carmonarya]

Excelente ejemplo muchas gracias

[@informaticadp]

Muchas gracias!

[@refugiodelaodiaz6241]

Oye amigo, una pregunta, tengo mi datatable, cuando escribo una palabra me busca todos los registros pero cuando elimino esa palabra del input se quedan los datos ahí, y yo quiero que conforme vaya borrando se actualice la página o se borre a partir de un lenght en específico, los datos los obtengo por ajax

[@bryanalexisgarciarubio8664]

Es posible parametrizar un filtro para rangos de fechas? Estoy buscando información al respecto, pero no he visto mucho. 😅😅😅😅😅😅

[@brayanjoserojasmozo6525]

Justo lo que estaba buscando

[@informaticadp]

Buenísimo!

[@AlessandraTenorioLara]

hola, excelente contenido de datatables, a mi parecer eres el mejor en explicarlo, me he basado en tus videos para realizar un proyecto en el trabajo, sin embargo me he topado con una cuestion, no se si me podrias auxiliar o guiar de alguna forma, queria usar el server-side usando los search panes, pero al tratar de realizarlo, no funciona, por ahi investigue y dice que tiene que usarse la libreria de datatables editor, pero no he encontrado la forma de usarlo en su versión gratuita, mi problema es que se trabaja con mas de 5000 registros y es por eso que me parecio correcto usar server-side, me pudes guiar con respecto a esto? te lo agradeceria mucho

[@joseiguzman6989]

Hola Gustavo, muchas gracias por el video! Una pregunta, existe alguna manera de salvar los filtros seleccionados para luego compartir la pagina con los filtros en un link de URL?

[@informaticadp]

Muchas gracias José! Sabes que no probé, pero si adaptas los botones para exportar a pdf y excel podes guardar esos filtros ahí y luego generar el link que necesitas. Te paso video con ese tema. Saludos! kzbin.info/www/bejne/r5Kyn56ZeqefZ5o

[@joseiguzman6989]

@@informaticadp Gracias!

[@matiasderobertis2436]

Excelente aporte!! Gracias

[@informaticadp]

Gracias a vos Matías!

[@osloLV]

Hola, tengo un problema cuando implemento el código, con ajax si me aparecen los filtros y todo va bien, pero yo uso serverside por la cantidad de datos, cuando lo uso lo único que me aparece es No data available in table, espero y me puedan ayudar

[@rafavinsmoke6403]

Eres la polla hermano, ese plugin se ajusta perfecto a un proyecto de mi trabajo, 👏🏽

[@informaticadp]

Excelente!! Saludos brother

[@alticomsoporte2881]

Genial gracias por el aporte

[@informaticadp]

Gracias a vos!

[@jassanzuleta5317]

Excelente video. Porque con el panel de búsqueda cuando refresco o cargo de nuevo (los datos siempre los armo de acuerdo a un rango de fechas que selecciono y la tabla la construyo con un evento onclick) y cuando selecciono por segunda vez un rango de fechas me sale el error jquery.dataTables.min.js:64 Uncaught TypeError: Cannot read properties of null (reading 'clientWidth').

[@benjaoliva3383]

Tengo una tabla que carga los datos de una tabla en mySQL por uso de fetch all y funciona, pero es lento. El método con Ajax será más rápido ? Son cerca de 1000 registros con más de 10 campos de información en cada registro

[@benjaoliva3383]

Aclaro que el servidor es bastante rápido, ya bootstrap 4 por cdn y otros JS livianos por cdn

[@informaticadp]

Si, por ajax es más rápido y hasta 5000 registros los maneja bien. Para bases de datos muy grandes recomiendo Server-side. Te paso video. kzbin.info/www/bejne/onW6hmmApZV4ga8

[@benjaoliva3383]

@@informaticadp muchas gracias !!

[@mrfran1]

Filtro para fecha?

[@juanjava]

hola, buen día mexico, te sigo felicitando por tu manera de demostrar los video, por otro lado tengo una pregunta, tendrás un ejemplo de crud con Field types, donde manejes imagenes con el datatables, agregado al que tienes de crud desde cero

[@informaticadp]

Muchas gracias Juan! CRUD con firebase y tablas de Bootstrap 4 te paso el curso. Y te adelanto que en estos días subo el código CRUD con firebase y datatables, algo que no encontré en ningún lado. Saludos. kzbin.info/aero/PLrAw40DbN0l2vPL-iZ3JHW7-_fmAXfZpC

[@juanjava]

@@informaticadp muchas gracias, ya lo termine, lo que quiero es Field type o sea imagenes o archivos, para poder subir fotos a los usuarios o documentos a los usuarios

[@sanakhan4153]

Hey am Shaziya here, I am using Datatables in Angular with Ajax call, I need to render icon, on based data true or false. I achieved rendering data into icon based on conditions But search by column not working because, column accept value, is there any solution?? ______________________________ Another issue I want to create custom button besides after global search input, is any solution to append or move custom Datatable button.

[@advancewebdevelopment9802]

Dear how many records to support that searchpanes ??

[@DragurOH]

hola, hermano necesito un filtro de rango de fechas no tendrás algún ejemplo por ahí. gracias.

[@informaticadp]

Hola Mateo, no, todavía no hice ningún video con fechas. Tomo la sugerencia.

[@rodrigoalexisbustosgomez4726]

excelente tutorial sirve para datatable ServerSide??

[@informaticadp]

Si totalmente! Gracias Rodrigo.

[@rodrigoalexisbustosgomez4726]

@@informaticadp lo intenté hacer como tú.. pero no filtra la tabla (uso serverside) que podrá ser??

[@informaticadp]

Y habría que ver bien todo el código... Pero esa extensión de datatables es solo eso, por lo tanto no debería tener conflicto con procesamiento del lado del servidor.

[@trizardigital]

Excelente, como cambiamos el idioma a español?

[@informaticadp]

Gracias bro! Fijate en la lista de datatables hay un par de videos donde muestro eso. No recuerdo exactamente cuales

[@devlucho6020]

Excelente, hay alguna forma de exportar con estos paneles?

[@informaticadp]

Muchas gracias Luis! Si, aquí te paso un video, las extensiones pueden convivir tranquilamente. kzbin.info/www/bejne/r5Kyn56ZeqefZ5o

[@devlucho6020]

@@informaticadp Gracias por la oportuna respuesta!!, en ese caso cuando uso el dom: 'Bfrtilp' para exportar, no lo puedo combinar con el dom: 'Pfrtip' de los paneles, como podria hacer hay?

[@informaticadp]

Hola Luis, fijate qué también se puede usar CSS puro para ubicar los elementos del DOM de Datatables. Esa sería otra forma.

[@devlucho6020]

@@informaticadp Muchas gracias, enserio que gran aporte !!!

[@devlucho6020]

Enserio mil gracias, vi su video de manejo del DOM y lo combine de esta forma dom: 'PBfrtilp' y me sirvio!!! Mil gracias

[@AlexizGD]

con serverside no funciona ya probe otras versiones y lo de la docu no funciona tampoco

[@informaticadp]

Que error te da?

[@AlexizGD]

@@informaticadp me marca que jQuery no reconoce Datatable y probé varias versiones de jQuery literal puse tus links solo llenar mi tabla con serverside justo lo hice de tu tuto jeje, gracias por cierto

[@williamssilva2617]

could you do datatables with vue js tutorial ?

[@informaticadp]

This project uses vuejs and the Vuetify framework, which integrates datatables. I share it with you. kzbin.info/aero/PLrAw40DbN0l1ImWP4DmiF3lN-Waqrzue4

[@moisesalexistorrespovis1087]

Buenas tardes alguien sabe como puedo hacer el focus en el search