Olá a todos,
alguém sabe se é possível criar 2 tabelas na mesma linha? Tipo, uma do lado esquerdo e outra do lado direito?
| Esquerda | Lado |
Não é possível por padrão, mas pode ser alcançado criando duas tabelas envoltas em um div que possui um atributo data. Esse atributo data pode então ser alvo no tema do seu site para criar uma tabela de duas colunas. Aqui está um exemplo básico. Estou longe de ser um especialista em CSS, então ajuste o CSS conforme suas necessidades.
Conteúdo bruto da postagem:
<div data-two-column-table>
|foo|bar|
|---- | ----|
|this|that|
</div>
<div data-two-column-table>
|foo|bar|
|---- | ----|
|this|that|
</div>
CSS do tema (observe que ele está mirando o div .md-table no qual o Discourse envolve as tabelas):
div[data-two-column-table] .md-table {
width: 50%;
display: inline-block;
float: left;
}
Saída esperada:
Uma possível desvantagem de estilizar tabelas dessa forma é que os estilos não serão preservados nos e-mails enviados do site.
Entendi. Obrigado por me avisar!