DataTable responsive
Vložit
- čas přidán 22. 07. 2024
- En esta 4ta parte aprenderás a darle responsividad a tus #datatable para que se adecúen a cualquier tipo de dispositivo, también aprenderás a agregar un botón que permita al usuario mostrar/ocultar columnas. ⭐ Acceso anticipado a todos los videos, videos extra (acciones y botón personalizado) y código fuente. www.buymeacoffee.com/mozartga...
Capítulos
00:00 Introducción
00:22 Agregar bibliotecas
02:00 Opciones de responsive
04:02 Prioridad de columnas
07:25 Visibilidad de columnas
10:21 Mostrar/Ocultar columna desde fila
Relacionado:
¿Qué es un DaTatable?: • Cómo usar un DataTable...
DataTable desde Sheets: • Cómo llenar un DataTab...
Personaliza tu dataTable: • Cómo personalizar un D...
Haz responsive tu DataTable • DataTable responsive
Exporta información de tu DataTable: • DataTable - exportar i...
Support
🧑🏽💻 Código fuente + 2 videos extra www.buymeacoffee.com/mozartga...
👍 Si te sirvió el video puedes apoyar este contenido compartiendo, dándole like, suscribiéndote o invitándome un café.
☕ Support: www.buymeacoffee.com/mozartga...
Música
---------------------------------------------------------------------------------------------------------------
LAKEY INSPIRED - Chill Day
Download→ / . .
------------------------------------------------------------------------------
Social Medias
SoundCloud: / lakeyinspired
Instagram: / lakeyinspired
---------------------------------------------------------------------------------------------------------------
LAKEY INSPIRED - The Process
Download→ / . .
Photo By: debodoes.tumblr.com/
------------------------------------------------------------------------------
Social Medias
SoundCloud: / lakeyinspired
Instagram: / lakeyinspired
Muchas gracias por compartir este valioso conocimiento.
Que bueno que te sean de utilidad, esperamos seguir creando 👨🏽💻✌🏼
Esta serie de videos esta muy buena!
Gracias! 🤓 ✌🏼
excelente mi buen Mozart García. Gracias Infinitas !!!!
De nada!
Un saludo!
🖐🏽
Gracias por un vídeo más 🎉
Ánimo! 👊🏼
Justamente en mi trabajo estoy trabajando en un proyecto que utilizaba una de estas famosas datatables y lo que hice fue quitarla! No soy muy fan de estos componentes por que la gran mayoría pesan demasiado y tienen dependencias, en este caso creo la que se muestra en el video utiliza JQUERY y este se ha vuelto pesado a lo largo del tiempo. Yo no usaria Jquery en un nuevo proyecto. En su defecto utilice una simple tabla normal y antes de ello agregue unos combox y cajas de texto para los usuarios introduzcan sus criterios y en la tabla se muestren los registros que cumplan las condiciones. Le pregunte a mi jefe que si realmente utilizaban esas características de ordenación y paginación y me dijo que muy poco la de ordenación y la de paginación casi nada de ahí me agarre y le comente que usando una tabla normal seria mas rápido y eficiente y listo.
Estoy aplicadon el datatable responsiva en archivo.php pero cuando la tabla se vuelve responsiva en ella tengo un formulario y este no funciona que puedo hacer?y cuando reviso el HTML en el navegador la etiqueta form no está osea el datatable responsive hace que desparesca
🌹
👨🏽💻
se puede poner una condicion que cambie de color toda la celda
buena pregunta, no lo he intentado en data tables, pero me imagino que debe de existir el método, ya que con javascript es posbile.
Podrías hacer un video donde puedas implementar una plantilla de bootstrap.
Hola, gracias, espero más adelante agregar algo de plantillas de bootstrap
Hola Mozart antes que nada Felicidades por tu buen trabajo, una pregunta, en una fila de Google Sheet donde contiene bastante texto como la descripción de producto, a la hora de mostrarse en el datatable NO se ve responsive, pasa que se ve todo el texto en una sola fila y eso mueve toda la tabla, como solucionarlo por favor. Saludos
Yo ocultaría esa columna y la mostraría al dar clic en un modal con el detalle más amplio, así es como he visto que se muestran las columnas con tanta información. Si es necesario mostrarla, creo que en el objeto columns puedes manejar un max-width como atributo del data table o con los breakpoints Creo que tal vez con alguno de esos puedes lograr lo que buscas.
@@mozart_34 Excelente Mozart muchas gracias por responder, la intentare, ojalá puedas incluirlo en tu proximo video amigo, saludos y bendiciones siempre....
Hola mozart, es posible hacer cards con fotos, tipo catalogo ?
Hola, CREO que no, lo puedes simular con CSS y con la función render para los datos, pero en si la funcionalidad desconozco, sería interesante buscar. Si encuentras algo ojalá nos puedas compartir.
@@mozart_34 bueno, muchas gracias por tomarte el tiempo en contestar, Mozart ! Un saludo veo todos tus videos, segui asi !
Mozart porque a vos no te sale la leyenda en el browser Un usuario de Google Apps Script creó esta aplicación , si bien se puede ocultar usando 1 html con vos lo estas usando direecto y no te sale nada. Como haces?
Hola Richo, solo conozco dos formas de ocultar el banner, (con o google sites) en mi caso no aparece porque tengo una cuenta empresarial de Workspace, pero incluso esta al publicarla para usuarios externos muestra la leyenda. Solo desaparece al publicarla internamente.