Tabelle mit Scrollbalken gelingt nicht

[gfassben]

Hallo,

ich habe mit dem Modul Auflistung eines Liste erstellt die leider etwas breiter ist als die gesamte Breite der Spalten der Webseite. Demzufolge wird die Tabelle abgeschnitten. Damit ein Scrollbalken erscheint, habe ich die basic.css wie folgt erweitert:

table {
    border-spacing:0;
    border-collapse:collapse;
    overflow-x: scroll;
    empty-cells:show;
} 

Ergebnis=kene Änderung. Was mache ich falsch? Ich benutze das MATE Template.

[mlweb]

Bei CSS-Problemen bitte immer einen Link zur Seite posten.

[gfassben]

Bei CSS-Problemen bitte immer einen Link zur Seite posten.

Danke für die Info, musste die Seite erst öffentlich zugänglich machen..

https://cms4.rttonline.de/Portal/lis...ldungen-2.html

[mlweb]

Gib Deiner Tabelle mal ein display: block; mit, dann sollte es passen.

Achtung! Beim Mate-Theme werden SCSS-Dateien verwendet, deshalb immer den Cache lehren.
Bei meinem ersten Test war im Frontend bei mir noch nicht einmal das "scroll" für die Tabelle im Code angekommen.

[gfassben]

Gib Deiner Tabelle mal ein display: block; mit, dann sollte es passen.

Achtung! Beim Mate-Theme werden SCSS-Dateien verwendet, deshalb immer den Cache lehren.
Bei meinem ersten Test war im Frontend bei mir noch nicht einmal das "scroll" für die Tabelle im Code angekommen.

Danke! Funktioniert prima.

[gfassben]

Danke! Funktioniert prima.

zu früh gefreut, Er macht das zwar, jetzt aber immer. Das soll aber nur dann ein Scrollbalken erscheinen, wenn die Tabelle zu breit ist. geht das mit "overflow-x:auto".

[mlweb]

Ja müsste.

[gfassben]

Ja müsste.

Leider nein, selbst sehr viel kleinere Tabellen führen zum Scrollbalken. Jetzt heisst es weitersuchen.... aber die Stelle ist schon einmal die richtige.

[mlweb]

Zeig mal einen Link zu einer kleineren Tabelle. Die große ist bei mir nämlich grundsätzlich zu breit.

[gfassben]

Hier ist eine Seite mit mehreren Tabellen, die aber nicht breit sind:

https://cms4.rttonline.de/ueber-uns-2/gebuehren.html

[mlweb]

overflow-x: auto;

ist aber noch nicht angekommen im Frontend. So etwas sieht man in den Entwicklertools des Browsers Deiner Wahl. Hier hat sicher das Caching zugeschlagen. Es gibt von E+F eine Erweiterung, die Dir da behilflich sein könnte während der Entwicklung https://extensions.contao.org/?q=erd...Ftheme-toolbox

Und hier eine Beschreibung wozu die Erweiterung gut ist https://erdmann-freunde.de/logbuch/e...erf%C3%BCgbar/

Wenn ich das temporär im Browser setze funktioniert es wie es soll.

[gfassben]

overflow-x: auto;

ist aber noch nicht angekommen im Frontend. So etwas sieht man in den Entwicklertools des Browsers Deiner Wahl. Hier hat sicher das Caching zugeschlagen. Es gibt von E+F eine Erweiterung, die Dir da behilflich sein könnte während der Entwicklung https://extensions.contao.org/?q=erd...Ftheme-toolbox

Und hier eine Beschreibung wozu die Erweiterung gut ist https://erdmann-freunde.de/logbuch/e...erf%C3%BCgbar/

Wenn ich das temporär im Browser setze funktioniert es wie es soll.

Jetzt wird es spannend und gleichzeitig seltsam. Natürlich habe ich brav den Cache gelöscht - habe aber nicht gesehen, dass ich immer wieder nett den Script Cache geleert habe. Das führt dazu, dass die von mir geänderte SCSS auf den Ursprung zurückgesetzt wird. Ich habe demnach nicht die richtige Stelle gefunden, oder die Entwickler des MATE Templates wollen nicht, dass an der Stelle etwas geändert wird. Dann müsste ich das direkt im Template des Moduls machen - da wollte ich eigentlich nicht rein.

[xchs]

In welcher SCSS-Datei hast Du denn Deine Anpassungen gemacht?

Hier die Doku zum Theme und wo Anpassungen gemacht werden können: https://pdir.de/docs/de/contao/theme...n/colors_font/

[gfassben]

In welcher SCSS-Datei hast Du denn Deine Anpassungen gemacht?

Hier die Doku zum Theme und wo Anpassungen gemacht werden können: https://pdir.de/docs/de/contao/theme...n/colors_font/

Ich habe das Thema noch einmal empirisch analysiert. Ausgehend von der o.g Beschreibung bin ich alles noch einmal durchgegangen.

Das Seitentemplate importiert die "mate.scss". Diese wiederum holt sich die ganzen Einstellungen inkl. der redefinierten Farbtemplates (custom_colours) und Farbvariablen (custom_variables).

Meine Anweisung zu der Tabelle muss demnach in die Datei custom.scss die zuletzt geladen wird und damit vorherige Einstellungen redefiniert. Das habe ich dann nach der Vorgabe gemacht. Anschließend musste die Funktion "Symfony-Anwendungs-Cache erneuern" ausführen und habe natürlich auch den Speicher des Browsers geleert.

Ergebnis: Es funktioniert!!!

Ab und zu braucht man einfach Denkanstöße um zum Ziel zu kommen. Danke vielmals.