Las tablas anchas se comprimen en las páginas publicadas

Soporte
1

Hola a todos,

He estado intentando mejorar el aspecto de mis páginas publicadas, ya que parece que las tablas anchas se aplastan mucho.

La imagen muestra una tabla con el número total de titulares de licencias de conducir mayores de 16 años con licencia de clase 1 por etapa de 2012 a 2021. La tabla contiene columnas para datos completos de aprendizaje, datos de coincidencia/identificación abierta, datos de coincidencia/identificación abierta y datos de coincidencia/identificación abierta, junto con porcentajes para cada una. (Subtitulado por IA)
La imagen muestra una tabla con el número total de titulares de licencias de conducir mayores de 16 años con licencia de clase 1 por etapa de 2012 a 2021. La tabla contiene columnas para datos completos de aprendizaje, datos de coincidencia/identificación abierta, datos de coincidencia/identificación abierta y datos de coincidencia/identificación abierta, junto con porcentajes para cada una. (Subtitulado por IA)1274×1258 75.3 KB

editar: aquí está el enlace de la página

Intenté usar CSS para crear bordes de tabla y para maximizar los anchos de tabla
pero creo que la página publicada no muestra componentes temáticos :cara_sonriente_con_lágrima:

¿Alguna idea de cómo puedo hacer que las tablas anchas se vean mejor?

editar 2: ¿se almacenan las vistas de páginas publicadas?

2

CSS todavía debería funcionar en las páginas publicadas; son JavaScript y similares los que no.

Sin embargo, tiene clases específicas (por supuesto).

2 Me gusta
3

Hay dos problemas con esta página publicada y la tabla.

El content-wrapper parece un poco pequeño.

Podrías intentar ajustarlo jugando con max-width (la primera parte del CSS), puedes cambiar el valor y aún así debería ser responsive.

Luego, el width:100% de la tabla no funciona, probablemente porque el CSS es un poco diferente en la página publicada. He añadido una segunda parte en el CSS personalizado para solucionarlo.

Aquí está el código:

.published-page {
  .published-page-content-wrapper {
    max-width: 1200px;
    width: 100%;
  }
  .md-table .table {
    width: 100%;
  }
}
3 Me gusta
4

¡Vaya, gracias! ¡El código hace que la página se vea mucho mejor! ¿Pero la tabla todavía parece algo aplastada? ¿Alguna otra idea?

image
image2807×1076 261 KB

Así es como se ve en la plataforma:

image
image1455×1465 197 KB