Pregunta sobre TablePress de Wordpress:

TablePress La tabla centralizada en la página no funciona

Un usuario preguntó 👇

Estoy usando el siguiente código en el sitio. http://www.davisstirlinglawblog.com (tenga en cuenta que NO marque la casilla de verificación «Fila de encabezado de tabla» en la sección «Opciones de tabla»); sin embargo, como puede ver, la tabla NO está orientada a páginas. No creo que obtenga más información que la que ya agregué, ¡así que estoy perplejo!

.tablepress-id-1 {ancho: 75%; margen: 0 automático 1em; }

.tablepress thead th, .tablepress tbody td {text-align: middle; alineación vertical: centro; }

.tablepress tbody td img {float: left; }

.tablepress-id-1 .column-1 {ancho: 200px; }

Lo que quiero es tener la mesa con «Gracias abogado …» y la foto del abogado centrada entre los bordes. La visualización es incorrecta en todos los navegadores. ¡Gracias por cualquier ayuda!

(@tobiasbg)

Hace 3 años, 8 meses

Hola,

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

La razón de esto es que su tema agrega código CSS que afecta a las tablas y esencialmente sobrescribe los cambios que necesita nuevamente, pero con mayor prioridad. Entonces, todo lo que tenemos que hacer es aumentar la prioridad de su código CSS. Para esto, solo es necesario reemplazar el primer bloque

.entry .tablepress-id-1 {
    width: 75%;
    margin: 0 auto 1em;
}

Saludos, Tobias

(@kicooo)

Hace 3 años, 4 meses

Hola Tobias,

Traté de centralizar las tablas usando los códigos anteriores y no me funciona:

}

.tablepress {ancho: automático; margen: 0 automático 1em! importante; pantalla: mesa! importante; }

.entry .tablepress-id-17 {ancho: 75%; margen: 0 automático 1em; }

Puedes comprobar que no funciona en este enlace:

https://www.lyceumespanol.com/spanish-homestay-programs/

¿Qué pasa? 🙁

(@tobiasbg)

Hace 3 años, 4 meses

Hola,

esto parece aplicarse al desplazamiento horizontal, que a veces tiene errores. Desmarque la casilla de verificación «Usar tablas de datos» en la pantalla «Editar» de la tabla y vuelva a intentarlo.

Si luego desea agregar desplazamiento horizontal nuevamente, recomiendo el scroll Método de extensión TablePress de https://tablepress.org/extensions/responsive-tables/ como un reemplazo.

Saludos, Tobias

(@kicooo)

Hace 3 años, 4 meses

Hola Tobias,

Eso era correcto, la pregunta era sobre la opción «Usar las siguientes características de la biblioteca JavaScript DataTables con esta tabla» que estaba habilitada.

¡Muchas gracias!

(@tobiasbg)

Hace 3 años, 4 meses

Hola,

no hay problema, ¡de nada! 🙂 ¡Es bueno escuchar que esto ayudó!

Todo lo mejor, Tobias

PD: En caso de que no lo tenga, califique TablePress aquí en el directorio de plugins. ¡Gracias!

(@ wpb777)

Hace 2 años, 11 meses

Probé todos estos y todavía no puedo centrar la mesa con los cuatro gráficos en la página de inicio de DavidCastello.com

(@tobiasbg)

Hace 2 años, 11 meses

Hola,

en su sitio, la verdadera razón de esto es que la tabla es más ancha que el área de contenido con nombre de su tema. Entonces, técnicamente, la mesa se está expandiendo hacia el espacio vacío correcto. Para solucionarlo, puede decirle al navegador que reduzca el ancho de las imágenes. Para hacerlo, agregue esto al área de texto «CSS personalizado» en la pantalla «Opciones de plugin» de TablePress:

.tablepress-id-1 img {
  max-width: 100%;
}

Esto también ayudará a mostrar la tabla en pantallas más pequeñas.

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 *