Zwei Tabellen in derselben Zeile erstellen

Hallo zusammen,

weiß jemand, ob es möglich ist, zwei Tabellen in derselben Zeile zu erstellen? Also eine links und eine rechts?

Links Seite

Standardmäßig ist dies nicht möglich, lässt sich jedoch erreichen, indem man zwei Tabellen erstellt, die in ein div mit einem data-Attribut eingekapselt sind. Dieses data-Attribut kann dann im Theme deiner Website gezielt angesprochen werden, um eine zweispaltige Tabelle zu erzeugen. Hier ist ein einfaches Beispiel. Ich bin kein CSS-Experte, passe den CSS-Code daher an deine Bedürfnisse an.

Rohinhalt des Beitrags:

<div data-two-column-table>

|foo|bar|
|---- | ----|
|this|that|

</div>

<div data-two-column-table>

|foo|bar|
|---- | ----|
|this|that|

</div>

Theme-CSS (beachte, dass hier das von Discourse um Tabellen gesetzte .md-table-div angesprochen wird):

div[data-two-column-table] .md-table {
    width: 50%;
    display: inline-block;
    float: left;
}

Erwartete Ausgabe:

Ein möglicher Nachteil beim Styling von Tabellen auf diese Weise ist, dass die Stile in E-Mails, die von der Website versendet werden, nicht erhalten bleiben.

Ich verstehe. Danke, dass Sie mich informiert haben!