Tabelas amplas ficam comprimidas em páginas publicadas

Olá pessoal,

Tenho tentado melhorar a aparência das minhas páginas publicadas, pois parece que tabelas largas ficam muito espremidas.


editar: aqui está o link da página

Tentei usar CSS para criar bordas de tabela e para maximizar larguras de tabela
mas acho que a página publicada não mostra componentes de tema :smiling_face_with_tear:

Alguma ideia de como posso fazer tabelas largas parecerem melhores?

editar 2: as visualizações de página publicadas são armazenadas?

O CSS ainda deve funcionar em páginas publicadas - é apenas o JavaScript e coisas semelhantes que não funcionam.

Ele tem classes específicas, no entanto (claro).

2 curtidas

Existem duas questões com esta página publicada e a tabela.

O content-wrapper parece um pouco pequeno.

Você pode tentar ajustá-lo brincando com max-width (primeira parte do css), você pode alterar o valor, ainda deve ser responsivo.

Então, a largura: 100% da tabela não funciona, provavelmente porque o css é um pouco diferente na página publicada. Adicionei uma segunda parte no css personalizado para corrigir isso.

Aqui está o código:

.published-page {
  .published-page-content-wrapper {
    max-width: 1200px;
    width: 100%;
  }
  .md-table .table {
    width: 100%;
  }
}
3 curtidas

Uau, obrigado! O código deixa a página muito melhor! Mas a tabela ainda parece um pouco apertada? Alguma outra ideia?

É assim que fica na plataforma: