Personalizando estilos de tabela

O estilo de tabela é um elemento importante no Document360 ou em qualquer caminho possível para criar um layout de design avançado para um documento. O Document360 tem melhores opções de layout para tabelas e elementos de tabela.

Organizar as informações em um arranjo específico, normalmente com linhas e colunas, pode ajudar a entender as estruturas complexas dos dados.

Estilize as tabelas usando snippets CSS no Document360

Para estilizar as tabelas usando trechos CSS,

1. Navegue até Configurações () na barra de navegação esquerda no portal da base de conhecimento.

2. No painel de navegação esquerdo, navegue até Site da base de conhecimento > Personalizar site > CSS e JavaScript personalizados .

3. No painel de navegação esquerdo, clique na guia CSS.

4. Clique em Adicionar snippets de código no canto superior direito do espaço de código.

   Um painel é exibido, pré-carregado com sete snippets básicos que você pode usar para personalizar seu site da base de conhecimento.

5. Clique em Alterar estilos de tabela (o snippet aparece no bloco de código CSS personalizado).

6. Clique em Ctrl+S ou Salvar no canto superior direito para salvar a alteração.

   

Adicionando CSS personalizado

table th, table td{
border: 1px solid #67cfbf;
padding: 2px 10px;
}
table th {
background: #fcf8c0;
font-weight: 600;
}
table th:empty {
display:none;
}
tbody tr:nth-child(odd) {
background-color: #f2f2f2;
}

.no-border-table table tr, 
.no-border-table table th, 
.no-border-table table td {
    border: none;
}