Le tabelle larghe diventano compresse nelle pagine pubblicate

Supporto
1

Ciao a tutti,

Sto cercando di migliorare l’aspetto delle mie pagine pubblicate, poiché sembra che le tabelle larghe vengano molto compresse.

The image displays a table with the total number of driver licence holders aged 16 plus on a class 1 licence by stage from 2012 to 2021. The table contains columns for full learner data, open match/id data, open match/id data, and open match/id data, along with percentages for each. (Captioned by AI)
The image displays a table with the total number of driver licence holders aged 16 plus on a class 1 licence by stage from 2012 to 2021. The table contains columns for full learner data, open match/id data, open match/id data, and open match/id data, along with percentages for each. (Captioned by AI)1274×1258 75.3 KB

modifica: ecco il link alla pagina

Ho provato a usare CSS per creare bordi delle tabelle e per massimizzare le larghezze delle tabelle
ma penso che la pagina pubblicata non mostri i componenti del tema :smiling_face_with_tear:

Qualche idea su come posso rendere le tabelle larghe più gradevoli?

modifica 2: le viste delle pagine pubblicate vengono memorizzate?

2

CSS dovrebbe funzionare ancora sulle pagine pubblicate - sono solo JavaScript e simili a non funzionare.

Ha classi specifiche, ovviamente.

2 Mi Piace
3

Ci sono due problemi con questa pagina pubblicata e la tabella.

Il content-wrapper sembra un po’ piccolo.

Potresti provare a regolarlo giocando con max-width (prima parte del css), puoi cambiare il valore dovrebbe comunque essere responsivo.

Quindi la larghezza: 100% della tabella non funziona, probabilmente perché il css è un po’ diverso nella pagina pubblicata. Ho aggiunto una seconda parte nel css personalizzato per risolvere questo problema.

Ecco il codice:

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

Wow grazie! Il codice rende la pagina molto più bella! Ma la tabella sembra ancora un po’ schiacciata? Altri suggerimenti?

image
image2807×1076 261 KB

Ecco come appare sulla piattaforma:

image
image1455×1465 197 KB