Pregunta sobre TablePress de Wordpress:

Ancho de columna en Tablepress

Un usuario preguntó 👇

Hola, tengo un pequeño problema con el ancho de la columna. Intento usar CSS para cambiar el ancho de la columna, pero no funciona. Aquí hay un código: .tablepress-id-1 .column-2 {width: 250px; } Aquí hay una tabla con el ancho de columna incorrecto:
http://slovanbohnice.cz/index.php/muzi-a-rozpis-zapasu-a-vysledky/

Y aquí hay otra tabla donde el ancho de la columna corrige automáticamente si:
http://slovanbohnice.cz/index.php/muzi-a-tabulka/

Por favor, me pueda ayudar con este problema, después de la ayuda que le brindaré a Tobías.

(@tobiasbg)

Hace 2 años, 11 meses

Hola,

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

Todo lo mejor, Tobias

(@thraxlol)

Hace 2 años, 9 meses

Hola Tobias,

Tengo todo tipo de problemas al tratar de que funcione el ancho de las columnas. Al principio no pude hacer funcionar ningún CSS personalizado, pero lo arreglé agregando el creador de páginas CSS en lugar de las opciones de tabla (estoy usando WPBakery). Ahora tengo CSS personalizado en funcionamiento, pero no puedo relacionar nada con el ancho de las columnas para que funcionen (relleno, ancho, etc.). Probé todos los cambios en las preguntas frecuentes sin suerte. Estoy tratando de agrandar las celdas correctamente para que la información sea fácil de leer.

Aquí está la página: https://gameovermanaus.com/documentaries/
y este es el CSS actual (pero como dije, ¡hice muchos cambios sin suerte todavía!)

.tablepress thead th {
	background-color: #00CC00;
	font-size: 12px;
}

.tablepress thead .sorting_asc,
.tablepress thead .sorting_desc,
.tablepress thead .sorting:hover {
	background-color: #00CC00;
}

.tablepress-id-1 tbody td {
	font-size: 11px;
}

.tablepress-id-1 .column-1 {
	width: 100px;
}

.tablepress-id-1 .column-2 {
	width: 150px;
}

.tablepress-id-1 .column-3 {
	width: 600px;
}

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

.tablepress-id-1 .column-5 {
	width: 100px;
}

¡Agradeceríamos cualquier ayuda! 🙂

(@tobiasbg)

Hace 2 años, 9 meses

Hola,

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

El principal problema aquí son las URL largas en la cuarta y quinta columnas. Como se trata básicamente de una palabra muy larga, el navegador necesita ampliar esas columnas. Recomiendo convertir estas URL en enlaces en los que se puede hacer clic con un texto de enlace corto.

Saludos, Tobias

(@ falkone551)

Hace 2 años, 8 meses

Hallo ich habe auch das Spaltenproblem was mache ich falsch

https://www.schiesssport-centrum.de/veranstaltungen-3/

Gruss

Falk

(@tobiasbg)

Hace 2 años, 8 meses

Hallo Falk,

bitte füge mal diesen “Zusatz-CSS” -Código ein:

.dataTables_wrapper .tablepress {
	width: 100% !important;
}
.dataTables_wrapper input,
.dataTables_wrapper select {
	width: auto;
	vertical-align: middle;
}

Viele Grüße, Tobias

(@ falkone551)

Hace 2 años, 8 meses

NÄs leider Ändert

(@tobiasbg)

Hace 2 años, 8 meses

Hola,

is schemat, dass das TablePress-CSS auf deiner Seite nicht geladen wird, vermutlich aufgrund des Téamaí. Bitte füge den Code daher mal in das Zusatz-CSS des Themes ein. Da scheint schon etwas CSS zu sein, das weg kann:

.tablepress-id-N  .Column-2  { 
	padding :  4PX ; 
}

Viele Grüße, Tobias

(@ falkone551)

Hace 2 años, 8 meses

Ja das war es vielen vielen Dank!

Schönen Abend noch und Danke

(@tobiasbg)

Hace 2 años, 8 meses

Hola,

gerne!

Viele Grüße, 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 *