Pregunta sobre TablePress de Wordpress:

Hacer un encabezado de tabla central y líneas de cuadrícula

Un usuario preguntó 👇

Busqué aquí y descubrí cómo centralizar el texto en mis filas y columnas, pero no veo nada que me muestre cómo centralizar el título de mi tabla.

Además, ¿existe una manera fácil de agregar líneas de cuadrícula para separar las filas y columnas, similar a lo que vería con una hoja de cálculo? Si es así, ¿qué código CSS agregaría para controlar qué tan traviesas son estas líneas?

Me ha encantado este plugin hasta ahora; va a hacer exactamente lo que necesito. Gracias.

(@tobiasbg)

hace 1 año

Hola,

gracias por tu publicación y perdón por las molestias.

Por lo general, para centralizar el título, a cierta SEC le gusta

.tablepress-table-name {
  text-align: center;
}

es suficiente. Puede agregar eso al área de texto «CSS personalizado» en la pantalla «Opciones de plugin» de TablePress.

Para agregar líneas de borde, puede hacer algo como

.tablepress-id-123 th,
.tablepress-id-123 td {
  border: 1px solid #ff0000;
}

(Los 123 el ID de la tabla que debe ajustarse).

Saludos, Tobias

Lanzador de hilos

(@ mf255201)

hace 1 año

Muchas gracias por tu pronta respuesta. Ambos trabajaron.

En cuanto al límite, ¿qué agregaría al código para hacer líneas verticales y horizontales para separar las celdas?

(@tobiasbg)

hace 1 año

Hola,

¿podrías aclarar esto un poco? ¿Qué significa «separado»? ¿Ese código CSS no dibuja una línea de límite entre las celdas?

Saludos, Tobias

Lanzador de hilos

(@ mf255201)

hace 1 año

Parece alinear la línea de límite horizontalmente entre filas. Al principio estaba buscando uno que también agregue líneas verticales entre las columnas, pero ahora creo que me gusta como está solo con las líneas horizontales.

Gracias.

(@tobiasbg)

hace 1 año

Hola,

sí, esto agrega líneas de borde tanto a las filas como a las columnas. También recomendaría usar solo bordes horizontales. Eso hace que las tablas sean más legibles.

Saludos, Tobias

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *