WP Table Manager : Tablas de estilo

1. Formato

La pesta�a de formato est� disponible a la derecha de su pantalla de forma predeterminada. Contiene diferentes par�metros.

 

image31

 

  • Tipo de c�lula: predeterminado o HTML. El tipo predeterminado le permite hacer c�lculos con el HTML que inserta contenido HTML como im�genes. Se implementar� un editor WYSIWYG para cada celda en la pr�xima versi�n, por el momento que agregue HTML en la celda.
  • Fondo celular color: definiendo el color de fondo, por supuesto

 

image32

 

Las opciones de bordes y fuentes se pueden aplicar en celdas simples o m�ltiples

 

image33

 

El ancho de fila y columna se puede definir en p�xeles. Seleccione una columna o fila en cualquier lugar de la tabla y valide el tama�o.

 

2) Tema y opciones de clasificaci�n

En la pesta�a de la tabla, todav�a en la parte derecha, tiene un selector de tema. Simplemente haga clic en un tema para aplicarlo.

La aplicaci�n de un tema reemplazar� todos los datos y el estilo dentro de su tabla. Entonces, la forma de proceder es aplicar un tema y luego editar datos para crear su propio tema y luego duplicar sus tablas.

 

elecci�n del tema

 

La funci�n de estilo autom�tico: te ayuda a colorear la l�nea de tu mesa con Estilo de encabezado y Estilo de pie de p�gina opciones. Puede seleccionar los estilos de plantilla o hacer los suyos en la configuraci�n del complemento.

 

image35

 

El par�metro clasificable le permite ordenar datos AJAX en la interfaz.

 

image36

 

La alineaci�n de la tabla se trata de alinear el div que contiene toda la tabla, centrar toda la tabla, por ejemplo.

 

image37

 

Una luz 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 el color de la fila de resaltado y la opacidad del resaltado.

 

cuadro destacado

 

3) Agregar informaci�n sobre herramientas en las celdas

La informaci�n sobre herramientas de la celda debe activarse desde la configuraci�n del complemento (Men� de configuraci�n). Despu�s de la activaci�n, aparecer� un bot�n en la parte inferior del Formato pesta�a durante la edici�n de la mesa.

 

image39

 

Puede para un ancho en p�xeles. La informaci�n sobre herramientas de edici�n lo llevar� a una informaci�n sobre herramientas con un editor para editar la informaci�n sobre herramientas.

 

editor de informaci�n sobre herramientas

 

Agregue contenido y guarde, ya est�, la informaci�n sobre herramientas se mostrar� en el lado p�blico al pasar el mouse.

 

Desplazamiento emergente

 

4) L�nea y columna de congelaci�n

El congelamiento de l�nea o columna est� disponible en Mesa leng�eta. Puede congelar hasta 5 l�neas o columnas. Se cuenta desde la primera fila / columna.

 

l�nea de congelaci�n

 

Para congelar las 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).

 

fila de congelaci�n

 

Cuando haya elegido la l�nea o columna para congelar, podr� desplazarse en su tabla y mostrar siempre la l�nea / filas fijas.

 

visualizaci�n de l�nea fija

 

5) Filtrar datos de columna

Una opci�n de filtrado est� disponible en la pesta�a de la tabla nuevamente. Puede activarlo para habilitar los campos de filtrado de datos p�blicos.

 

columna de filtro

Ejemplo de filtros:

 

Desplazamiento de tabla sensible

 

6) CSS personalizado

Vamos un paso m�s all�. Si usted es un dise�ador web con habilidades CSS, podr� agregar CSS en el M�s pesta�a. Puede agregar relleno y radio de borde en la celda.

 

image47

 

Tenga en cuenta que si ha aplicado un tema, algunos CSS personalizados se agregar�n autom�ticamente. Todav�a puedes editarlo, por supuesto.

 

Todav�a en el M�s pesta�a, haga clic en el personalizado Bot�n CSS para acceder a la edici�n css. El c�digo CSS se colorea con c�digo espejo y se puede escribir en menos CSS, �tambi�n funciona!

 

tabla-personalizada-css

 

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

 

css-display

 

7) Tablas responsivas de WordPress

�Mis mesas responden o usan el desplazamiento en dispositivos peque�os?

WP Table Manager maneja el dise�o receptivo con una herramienta prioritaria, como una opci�n. Por defecto, la funci�n de respuesta est� deshabilitada, habr� un desbordamiento (aunque la bruja funciona muy bien en dispositivos m�viles).

 

modo receptivo

 

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 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, tendr� un desbordamiento y podr� desplazarse f�cilmente en dispositivos m�viles.

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

 

Desplazamiento de tabla sensible

 

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

 

57bb0cb0ac948

 

8) Descargar tabla

Para compartir su tabla al p�blico, debe habilitar Bot�n de descarga opción en Pesta�a tabla en el panel derecho. El tipo de archivo ser� * .xlsx.

 

tabla de descarga

 

9) Paginaci�n

Puede encontrar esta funci�n en la pesta�a Tabla en cada tabla. Habilite y seleccione el n�mero de filas para mostrar en una p�gina.

 

pagination-wptm