En este tutorial aprenderás a crear tablas personalizadas avanzadas con buscador y paginación en divi sin plugins 😍
Si bien es cierto que ya existen complementos para divi y wordpress para crear tablas «personalizadas» no existe un método que lo haga tan bien como lo vas a aprender en este tutorial.
En el transcurso de este tutorial te mostraré cómo puedes diseñar tablas personalizadas y responsive con una librería supero fácil de integrar con divi. Esta librería es liviana y no afectará para nada los tiempos de carga en tus páginas web, incluso la librería solamente se ejecuta dónde tienes insertada la tabla, contrario a los plugins que muchas veces son complejos, pesados y por si fuera poco se ejecutan en todo tu sitio incluidas las páginas dónde ni si quiera los estás implementando.
En este ejercicio diseñaremos tres ejercicios de tablas, el primero será el más completo donde integraremos un buscador, una paginación y una función para ordenar los datos de A a Z o de Z-A.
La segunda tabla tendrá un cabezal o header fijo para que al desplazarnos no perdamos de vista la información de las columnas con su respectivo título. Y la tercer tabla será una tabla comparativa creada con títulos e iconos muy fáciles de insertar 🤩
Estas tres que vamos a realizar en este ejercicio se pueden combinar para lograr un resultado mucho más completo, pero esto ya lo dejaré a tu criterio de cómo quieras adaptar las tablas en tu proyecto.
Obviamente para cada tabla puedes insertar las columnas y filas que desees, puedes adaptar el ancho, el alto, cambiar los colores, la tipografía, agregar o quitar funciones, en fin, ya dependerá de tu creatividad como desees realizar tu tabla.
Bien, pues si quieres aprender a crear tablas avanzadas responsive con divi y sin plugins no esperes más y entra al área de los tutoriales exclusivos para ver este increíble vídeo 😍
PD: Recuerda que puedes descargar el JSON del ejercicio desde la pestaña materiales.
0 comentarios