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??
1 / 0