Pregunta sobre TablePress de Wordpress:

Tabla desplazable: encabezado con # colspan #

Un usuario preguntó 👇

Hola Tobias,

Tengo una mesa revuelta en mi barra lateral.

Quiero usar # colspan # en la fila del encabezado (texto «Woulou Kutu»), ¿puedo?

Muchas gracias, saludos cordiales, Maarten

(@tobiasbg)

Hace 2 años, 3 meses

Hola,

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

Esto solo se puede hacer si desea utilizar alguna de las funciones de JavaScript de la biblioteca JS DataTables, ya que esto no funciona en tablas con #colspan#. Así que el desplazamiento vertical probablemente no funcione. Para el desplazamiento horizontal, puede scroll Método de extensión TablePress de https://tablepress.org/extensions/responsive-tables/

Saludos, Tobias

(@djembevideos)

Hace 2 años, 3 meses

Hola Tobias,

Bien, gracias por tu respuesta. Es una lástima… :'(

Mejor, Maarten

(@tobiasbg)

Hace 2 años, 3 meses

Hola,

Lo siento, pero no estoy involucrado: – /

Todo lo mejor, Tobias

(@djembevideos)

Hace 2 años, 3 meses

Hola Tobias,

No hay problema, lo entiendo muy bien. Tal vez podría intentar ocultar la primera fila y subir toda la mesa.

Mejor, Maarten

(@tobiasbg)

Hace 2 años, 3 meses

Hola,

sí, vale la pena echarle un vistazo.

Todo lo mejor, Tobias

(@djembevideos)

Hace 2 años, 3 meses

Hola Tobias,

¿Hay alguna forma de establecer el ancho de las columnas del encabezado? No parecen apreciar la amplitud que agregué en la SEC.

Cuando agregué el desplazamiento vertical a mi barra lateral, de repente también obtuve un desplazamiento horizontal, ya que la tabla parece ser más grande de lo que se muestra.

Muchas gracias, saludos cordiales, Maarten

(@tobiasbg)

Hace 2 años, 3 meses

Hola,

¿Dónde exactamente y en qué navegador está sucediendo esto? ¿Puedes publicar una foto tal vez?

Saludos, Tobias

(@djembevideos)

Hace 2 años, 3 meses

Hola,

Verá que en todos los navegadores (Safari, Chrome, Firefox) la barra lateral derecha se elimina horizontalmente.

Este es el código que agregué en WordPress CSS:

#secondary {
	max-height: calc(120vh - 9rem);
	overflow-y: auto;
 }

Gracias 🙂

(@tobiasbg)

Hace 2 años, 3 meses

Hola,

este diseño de barras laterales y mesas ya es bastante sofisticado. Pruebe este CSS personalizado:

.tablepress {
  table-layout: auto;
}

Si eso no ayuda, solo puedo recomendarle que juegue con esto por su cuenta, con las herramientas de desarrollo en Chrome, tal vez.

Saludos, Tobias

(@djembevideos)

Hace 2 años, 3 meses

Hola Tobias,

Muchas gracias, funciona.

Perdón por la cantidad de preguntas, gracias nuevamente por el apoyo perfecto.

Saludos, Maarten

(@tobiasbg)

Hace 2 años, 3 meses

Hola,

¡estupendo! ¡Gracias por la confirmación! 🙂

Todo lo mejor, Tobias

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.