Pregunta sobre TablePress de Wordpress:

el ancho de la columna tablepress no funciona

Un usuario preguntó 👇

Hola tobias

Configuré mi tabla usando datos de importación de la hoja de Google. Quiero ajustar el ancho de las columnas individuales en mi tabla. Probé todo el código CSS que se encuentra en este foro, pero ninguno funciona. ¿Podrías ayudar a mirar …

Gracias

(@tobiasbg)

Hace 2 años, 5 meses

Hola,

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

¿Qué está tratando de lograr exactamente al establecer el ancho de las columnas aquí? ¿Quieres ensanchar la mesa? Luego, tuvo que aumentar la gama de contenido disponible en el tema, ya que la tabla ya se está expandiendo al 100% de eso.

Saludos, Tobias

(@ kafung2010)

Hace 2 años, 5 meses

Hola Tobias,

Tengo 6 columnas en total, quiero que cada columna tenga un ancho fijo.

Para la Columna 3, si el contenido es demasiado largo, permitió que el texto se doblara. Pero para otras columnas, no quiero que el texto / contenido regrese.

Configuré el ancho de la columna para codificar a continuación, pero noto que la columna 6 es más ancha que la columna 5 (estas 2 columnas están configuradas al 10%)

También observo que el contenido de las columnas 1, 5 y 6 está doblado a pesar de que algún material es lo suficientemente corto como para caber dentro de la columna sin necesidad de doblarlo.

.tablepress thead th, .tablepress tbody td {diseño de tabla: fijo; ancho: 100%; espacio en blanco: nowrap; }

.page-id-8 .tablepress .column-1 {ancho: 20%; }

.page-id-8 .tablepress .column-2 {ancho: 10%; }

.page-id-8 .tablepress .column-3 {ancho: 30%; }

.page-id-8 .tablepress .column-4 {ancho: 15%; }

.page-id-8 .tablepress .column-5 {ancho: 10%; }

.page-id-8 .tablepress .column-6 {ancho: 10%; }

(@tobiasbg)

Hace 2 años, 5 meses

Hola,

prueba este CSS personalizado en lugar de lo que estás usando ahora:

.tablepress-id-8 img {
 display: inline;
 vertical-align: middle;
}
.tablepress-id-8 .column-1 {
width: 20%;
white-space: nowrap;
}

.tablepress-id-8 .column-2 {
width: 10%;
white-space: nowrap;
}

.tablepress-id-8 .column-3 {
width: 30%;
}

.tablepress-id-8 .column-4 {
width: 15%;
white-space: nowrap;
}

.tablepress-id-8 .column-5 {
width: 10%;
white-space: nowrap;
}

.tablepress-id-8 .column-6 {
width: 10%;
white-space: nowrap;
}

Saludos, Tobias

(@ kafung2010)

Hace 2 años, 5 meses

Hola Tobias,

Su código funciona muy bien después de que cambié el ícono de flecha usando el símbolo html en lugar de la imagen … muchas gracias por su ayuda y respuesta rápida.

buena voluntad,

(@tobiasbg)

Hace 2 años, 5 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!

(@ mstephens268)

Hace 2 años, 1 mes

Esto funcionó perfectamente para mí en este momento. ¡Me alegró el día! ¡Gracias!

(@tobiasbg)

Hace 2 años, 1 mes

Hola,

¡genial! ¡Es bueno saber que también te ayudó!

Todo lo mejor, 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 *