tables responsive / horiz. scrollable
frase wrote: ↑Thu Nov 07, 2019 10:18 am
...
Ich hab da noch eine Frage zum Original-Template:
Durch das Grid werden margin und padding auf 0 voreingestellt:
Als Folge davon kann man bei einer Tabelle, die ohne Stylesheet eingefügt wird, mit den Formatierungs-Werkzeugen des TinyMCE keine Zellenabstände und keine Zelleninnenabstände zum Wirken bringen. Rahmeneinstellungen werden ebenfalls nicht wirksam.
Ich gehe davon aus, dass das beabsichtigt war.
Das einzige in der Stylesheet.css - Datei angebotene Tabellenformat ist das /* tables responsive / horiz. scrollable */.
Code: Select all
table.respTable {
font-family: inherit !important;
display: inline-block;
vertical-align: top;
max-width: 100%;
overflow-x: auto;
white-space: nowrap;
border-collapse: collapse;
border-spacing: 0;
margin: .5em 0;
background: #fff;
}
......
white-space: nowrap; bewirkt das geplante "horizontal scrollable".
Um eine normale Tabelle mit Zeilenumbrüchen zu erhalten könnte man natürlich diese Anweisung auskommentieren.
Was für ein zusätzliches Tabellenformat könnte man statt des Auskommentierens in die Template-Date einfügen um mit TinyMCE - Formatierungen das Aussehen der Tabelle beeinflussen zu können? Wegen der Komplexität des Grid und der anderen Formatierungen traue ich mir nicht zu alles Notwendige zu berücksichtigen.
Oder kann man "eine Tochter von table.respTable" definieren, bei der die Einstellungen von TinyMCE funktionieren?