Breite Tabellen werden in veröffentlichten Seiten zerquetscht

Unterstützung
1

Hallo zusammen,

Ich habe versucht, das Aussehen meiner veröffentlichten Seiten zu verbessern, da breite Tabellen sehr gequetscht aussehen.

Die Abbildung zeigt eine Tabelle mit der Gesamtzahl der Fahrerlaubnisinhaber ab 16 Jahren mit einer Klasse-1-Lizenz nach Stufe von 2012 bis 2021. Die Tabelle enthält Spalten für vollständige Lernerdaten, offene Übereinstimmungs-/ID-Daten, offene Übereinstimmungs-/ID-Daten und offene Übereinstimmungs-/ID-Daten sowie Prozentsätze für jede. (Beschriftet von KI)
Die Abbildung zeigt eine Tabelle mit der Gesamtzahl der Fahrerlaubnisinhaber ab 16 Jahren mit einer Klasse-1-Lizenz nach Stufe von 2012 bis 2021. Die Tabelle enthält Spalten für vollständige Lernerdaten, offene Übereinstimmungs-/ID-Daten, offene Übereinstimmungs-/ID-Daten und offene Übereinstimmungs-/ID-Daten sowie Prozentsätze für jede. (Beschriftet von KI)1274×1258 75.3 KB

Bearbeiten: Hier ist der Seitenlink

Ich habe versucht, CSS zu verwenden, um Tabellenränder zu erstellen und Tabellenbreiten zu maximieren,
aber ich glaube, die veröffentlichte Seite zeigt keine Theme-Komponenten :smiling_face_with_tear:

Irgendwelche Ideen, wie ich breite Tabellen besser aussehen lassen kann?

Bearbeiten 2: Werden veröffentlichte Seitenansichten gespeichert?

2

CSS sollte auf veröffentlichten Seiten immer noch funktionieren – es sind nur JavaScript und ähnliches, die das nicht tun.

Es hat jedoch spezifische Klassen (natürlich).

2 „Gefällt mir“
3

Es gibt zwei Probleme mit dieser veröffentlichten Seite und der Tabelle.

Der Inhalts-Wrapper scheint etwas klein zu sein.

Sie können versuchen, ihn anzupassen, indem Sie mit max-width (erster Teil des CSS) spielen. Sie können den Wert ändern, er sollte immer noch responsiv sein.

Dann funktioniert die Breite: 100% der Tabelle nicht, wahrscheinlich weil das CSS auf der veröffentlichten Seite etwas anders ist. Ich habe einen zweiten Teil im benutzerdefinierten CSS hinzugefügt, um das zu beheben.

Hier ist der Code:

.published-page {
  .published-page-content-wrapper {
    max-width: 1200px;
    width: 100%;
  }
  .md-table .table {
    width: 100%;
  }
}
3 „Gefällt mir“
4

Wow, danke! Der Code lässt die Seite viel besser aussehen! Aber die Tabelle scheint immer noch etwas gequetscht zu sein? Noch weitere Gedanken?

image
image2807×1076 261 KB

So sieht es auf der Plattform aus:

image
image1455×1465 197 KB