Ich habe über das Widget "Tabellarische Daten" eine Tabelle mit 3 Spalten erstellt.
Dort habe ich die Spalten 1 und 2 mittels HTML-Attribut auf eine Breite festgelegt - width="13%".
Auf dem Smartphone wird die Breite der Tabelle nicht an die Breite des Bildschirms angepasst, sondern bleibt breiter.
Wo liegt der Fehler?
Beim Widget "Tabellarische Daten" haben die Spalten bei Ansicht auf einem Smartphone die CSS-Eigenschaft "white-space:nowrap". Es werden also Zeilenumbrüche verhindert. Stattdessen ist ein "wischen" nach links/rechts möglich.
Du kannst mal folgendes eigenes CSS einfügen, damit Zeilenumbrüche sich "normal" verhalten. Siehe auch https://docs.zeta-producer.com/eigenes-css-einfuegen.html
<style>
@media screen and (max-width: 640px) {
table.zptabledata th,
table.zptabledata td {
white-space: normal;
}
}
</style>Ok, Danke, funktioniert 
Die Funktion mit dem hin-und-her-schieben war mir gar nicht mehr bewusst. Das macht sicher auch Sinn, wenn man Spalten nicht sinnvoll verkleinern kann. Aber in meinem Fall war's egal.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!