En este tutorial de syspa social aprenderemos como crear tablas responsive y dinámicas para tu pagina web wordpress.
Las tablas son un componente fundamental en la realización de paginas web y que, desde sus inicios, nos han permitido exponer información de manera ordenada.
Todo contenido cuya visualizacion tabulada brinda al usuario una mejor manera de consumir el contenido, es factible de incluir en una tabla.
Como veremos, hoy en dia las tablas ya nos brindan de manera automatica la posibilidad de paginar la informacion, para separarla en distintas paginas cuando contamos con muchos registros, siendo por un lado mas practico para la visualizacion y ademas nos permite cargar el contenido de manera mas rapida.
Por otra parte, esta tabla permitirá que se busquen registros y ademas que se permita el ordenamiento de la información según los diferentes campos que componen la misma.
Como habrán observado, realizar este tutorial de syspa social es muy recomendable par saber como crear tablas dinámicas y responsive de manera muy simple en wordpress.
Principales puntos de este tutorial – tablas wordpress responsive y dinámicas.
- Instalamos el plugin necesario.
- Creamos nuestra primer tabla.
- Analizamos todas las configuraciones posibles de la tabla.
- Insertamos contenido.
- Cambiamos la estética de forma avanzada en nuestra tabla.
Código CSS para generar estética avanzada en tus tablas.
/* Cambiar color de filas pares y/o impares*/
.tablepress .odd td {
background-color: #ffffff;
}
.tablepress .even td {
background-color: #ffffff;
}
/* Cambiar color de Encabezados*/
.tablepress thead th,
.tablepress tfoot th {
background-color: #dfc5ab;
}
/*color de fila de una tabla*/
.tablepress-id-2 .row-2 td,
.tablepress-id-2 .row-4 td {
background-color: #d9f4fb;
}
Vídeos Relacionados
Como crear tu pagina web gratis, ALTERNATIVA 1.
Como crear tu pagina web gratis, ALTERNATIVA 2.
Pagina con hosting profesional.
Desde ya agradezco a quienes deseen apoyarme:
DONA para apoyar al crecimiento de la comunidad.
SUSCRIBIRSE al canal de youtube.