WP Table Manager : diseñar tablas

1. Formato

En la barra de herramientas, puede establecer el estilo de la celda, como: fuente, tamaño de fuente, estilo de texto, color de fondo de la celda, color del texto, alineación horizontal y vertical de la celda, ... Se puede aplicar para una sola celda o varias celdas

Puede seleccionar el porcentaje para el editor de tablas. Eso significa que puede acercar/alejar su tabla, el rango de 50% a 200%.

La altura de la fila y el ancho de la columna se pueden definir en píxeles. Vaya a Formato de menú > Aplicar tamaño de columna/línea y luego seleccione Cambiar tamaño de columna/Cambiar tamaño de fila . En la ventana emergente, puede seleccionar el rango y establecer px para columnas o filas. Haga clic en Listo para finalizar.

2. Temas y opciones

En cada tabla, puede encontrar la opción de selección de tema en el tema del menú. Simplemente haga clic en un tema para aplicarlo.

Colores alternativos

En el mismo Tema de menú > Colores alternativos , la función "Estilo automático" le ayuda a colorear la línea en su tabla con de encabezado y pie de página . Puede seleccionar los estilos de plantilla o crear los suyos propios en la configuración del complemento.

Y puede eliminar el color alternativo haciendo clic en la "Eliminar >  Eliminar estilo automático" en el menú contextual. Entonces el color se borrará después de su confirmación.

Alinear la tabla

La alineación de la tabla consiste en alinear los div que contienen toda la tabla, centrar toda la tabla, por ejemplo. Puede encontrarlo en Formato de menú > Alineación de tabla .

Resaltado de celda

Un resaltado de celda también está disponible como una opción. Puede habilitar esta función en la configuración. Está deshabilitado por defecto. Puede seleccionar la fila de resaltado para ajustar el color y la opacidad del resaltado.

3. Agregar información sobre herramientas en las celdas

En cada celda de una tabla, puede ver la opción Agregar información sobre herramientas al hacer clic derecho sobre ella.

Puede establecer el ancho de la información sobre herramientas en píxeles. Le llevará a una información sobre herramientas con un editor para editar.

Agregue contenido y guárdelo, ya está, la información sobre herramientas se mostrará en el lado público al pasar el mouse.

4. Congelación de filas y columnas

Congelación de columna

La congelación de columnas está disponible en Formato de menú > Opciones de respuesta . Puede congelar hasta 5 columnas. Se cuenta desde la primera col.

Para congelar columnas / filas, hay una opción adicional que le permite fijar la altura de la mesa (porque el contenedor de su mesa puede tener una altura infinita).

Cuando haya elegido la columna para congelar, podrá desplazarse por su tabla y mostrar siempre la columna fija.

Congelación en hileras

Puede encontrarlo en Formato de menú > Encabezado de tabla , desde aquí puede activar la opción y configurar las filas para congelar (hasta 5 filas).

Si desea establecer la altura de la mesa, vuelva a las opciones de respuesta.

Luego, la primera fila se congelará en la interfaz siguiendo la configuración.

5. Ordenar y filtrar

Si desea ordenar o filtrar su tabla, navegue hasta Formato de menú > Ordenar y filtrar .

Luego aparece una ventana emergente que contiene opciones de clasificación y filtrado. 

Si desea ordenar una tabla, simplemente habilite ordenable en Frontend . Puede seleccionar una columna para la clasificación predeterminada y su dirección.

Por ejemplo, en este caso, seleccione la columna A con ASC .

Hay 2 opciones de filtro:

• Columna interior: puede filtrar datos en el encabezado de cada columna. El botón de alternancia le ayudará a mostrar u ocultar el campo de búsqueda en el encabezado.

• Formulario de filtro avanzado: una vez seleccionada la opción, puede buscar y filtrar datos en una tabla

Búsqueda principal: cuando habilita esta función, agregará un campo de entrada de búsqueda en la interfaz. Esto permite a los usuarios buscar fácilmente en todos los datos de la tabla.

6. Relleno de celda y radio de borde

Puede encontrar el icono del borde en la barra de herramientas que ayuda a ajustar el relleno y el radio del borde en la celda.

7. CSS personalizado

Vayamos un paso más allá. Si es diseñador web y tiene conocimientos de CSS, podrá agregar CSS en Formato de menú > CSS personalizado.

El código CSS se colorea usando código espejo y se puede escribir en menos CSS, ¡también funciona!

Las celdas, líneas y columnas tienen coordenadas para identificar cada una y aplicar CSS personalizado en ellas. R es fila, C es columna.

8. Tablas receptivas de WordPress

¿Mis tablas responden o usan el desplazamiento en dispositivos pequeños?

Ocultar columnas

WP Table Manager maneja el diseño responsivo con una herramienta de prioridad, como opción. De forma predeterminada, la función de respuesta está deshabilitada, habrá un desbordamiento (aunque funciona muy bien en dispositivos móviles). Para utilizar Ocultar columnas , debe ir a Formato de menú > Opciones de respuesta.

El modo de respuesta es avanzado, puede definir una prioridad para ocultar columnas en tamaños móviles.
Cuando las columnas están ocultas, se mostrará un menú móvil con una casilla de verificación para forzar la visualización/ocultación de las columnas. El tamaño de la columna se fija durante la edición de la tabla. Si el tamaño de todas las columnas es demasiado grande para el contenedor, se producirá un desbordamiento y podrá desplazarse fácilmente en dispositivos móviles.

Tabla con desplazamiento (mejor para una pequeña cantidad de columnas)

Tabla con columna oculta (mejor para una gran cantidad de columnas)

Encabezado repetido

Esta es otra opción si desea insertar una tabla en un área pequeña de su sitio. Debes navegar hasta Formato de menú > Opciones de respuesta. Luego seleccione Tipo responsivo > Encabezado repetido.

Habrá opciones para personalizar según su demanda:

• Punto de interrupción responsivo (px): seleccione un valor de punto de interrupción en píxeles para definir cuándo la tabla cambiará a este modo responsivo.
• Altura máxima de respuesta (px): cuando se activa el modo de respuesta, según el valor del punto de interrupción, defina una altura máxima para evitar una tabla muy larga
• Estilo de modo de respuesta: aplique un estilo predeterminado para este modo de respuesta o use los colores de la tabla

Después de eso, puede ver cómo se verá la tabla en la interfaz.

Si está utilizando encabezado repetido y de filtro está habilitada, puede filtrar escribiendo en el cuadro de texto en la vista móvil.

9. Exportar a Excel

Para guardar su tabla en su PC, debe ir a Menú Tabla y hacer clic en del botón Exportar Excel . Luego, el tipo de archivo será *.xlsx después de exportarlo en la interfaz.

10. Paginación

Puede encontrar esta función en Formato de menú > Paginación en cada edición de tabla. Utilice el botón de alternancia para habilitar y elegir el número de filas que se mostrarán en una página.

11. Estilo de borde de celdas

Puede aplicar tipos de borde para su tabla, como ancho de borde, color de borde, estilo de borde. Primero, seleccione el rango de celdas, luego haga clic en el icono en la barra de Herramientas.

12. Imprimir tabla en la interfaz

A veces, necesitas imprimir tu tabla. Entonces, para mostrar el botón Imprimir en la interfaz, primero debe navegar a la Tabla de menús y marcar el botón Imprimir.