Creazione di 2 tabelle sulla stessa riga

Supporto
1

Ciao a tutti,

qualcuno sa se è possibile creare due tabelle sulla stessa riga? Ad esempio, una a sinistra e una a destra?
Sinistra Destra

image
image798×270 10.8 KB

2

Di default non è possibile, ma si può ottenere creando due tabelle avvolte in un div che ha un attributo data. Tale attributo data può poi essere selezionato nel tema del tuo sito per creare una tabella a due colonne. Ecco un esempio di base. Non sono un esperto di CSS, quindi adatta il CSS alle tue esigenze.

Contenuto grezzo del post:

<div data-two-column-table>

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

</div>

<div data-two-column-table>

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

</div>

CSS del tema (nota che seleziona il div .md-table in cui Discourse avvolge le tabelle):

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

Output previsto:

image
image830×260 7.87 KB

Uno svantaggio possibile dello stilizzare le tabelle in questo modo è che gli stili non verranno preservati nelle email inviate dal sito.

3

Capisco. Grazie per avermelo fatto sapere!