WP Table Manager: Tablas de estilo

1. Formato

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

 

image31

 

  • Tipo de célula: predeterminado o HTML. El tipo predeterminado le permite realizar cálculos con el HTML insertando 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

 

Los bordes y las opciones de fuente se pueden aplicar en celdas individuales o múltiples

 

image33

 

El ancho de fila y columna se puede definir en píxeles. Seleccione la 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, aún 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 los datos para crear su propio tema y luego duplicar sus tablas.

 

tema-elección

 

La "característica de estilo automático: le ayuda a colorear la línea en su mesa con Estilo de encabezado y Estilo de pie de página opciones Puede seleccionar los estilos de plantilla o hacer su propia configuración de complementos.

 

image35

 

El parámetro clasificable le permite hacer una clasificación de datos AJAX en el frontend.

 

image36

 

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

 

image37

 

Una luz de celda también está disponible como una opción. Puede habilitar esta característica en la configuración. Está deshabilitado por defecto. Puede seleccionar resaltar la fila, ajustar el color y la opacidad de resaltar.

 

mesa resaltada

 

3. Agregue 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 por 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, listo, la información sobre herramientas se mostrará en el lado público cuando se desplace el mouse.

 

Desplazamiento emergente

 

4. Línea y columna de congelación

Las líneas o columnas de congelación están disponibles en el Mesa lengüeta. Puedes congelar hasta 5 líneas o columnas. Se cuenta desde la primera fila / col.

 

línea de congelación

 

Para realizar la congelación de filas, hay una opción adicional que le permite fijar la altura de la tabla (porque su contenedor de mesa puede tener una altura infinita).

 

fila de congelación

 

Cuando haya elegido la línea o columna a congelar, podrá desplazarse por la 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:

 

responsive-table-scroll

 

6. CSS personalizado

Vayamos un paso más allá. Si eres un diseñador web con habilidades css podrás 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 la costumbre Botón de CSS Para acceder a la edición css. El código CSS está coloreado usando el 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 un css personalizado. R es fila, C es columna.

 

css-display

 

7. Tablas responsivas de WordPress

¿Mis mesas responden o utilizan el desplazamiento en dispositivos pequeños?

WP Table Manager maneja el diseño responsivo con una herramienta de prioridad, como una opción. De forma predeterminada, la función de respuesta está deshabilitada, habrá un desbordamiento (aunque, aunque funciona bien en dispositivos móviles).

 

modo 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 la 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)

 

responsive-table-scroll

 

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

 

57bb0cb0ac948

 

8. Descargar tabla

Para compartir tu mesa al público, debes habilitar Botón de descarga opción en Pestaña de tabla en el panel derecho. El tipo de archivo será * .xlsx.

 

mesa de descarga

 

9. Paginación

Puede encontrar esta función en la pestaña Tabla en cada tabla. Habilite y elija el número de filas para mostrar en una página.

 

pagination-wptm