Isenção de responsabilidade: Este artigo foi gerado usando tradução automática.

Estilo da tabela

Prev Next

Isenção de responsabilidade: Este artigo foi gerado usando tradução automática.

Plans supporting the use of custom CSS and JS in knowledge base site

Professional
Business
Enterprise






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.

Por que os elementos da tabela são importantes para um documento?

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

Siga as etapas abaixo para estilizar as tabelas usando snippets CSS.

  1. Navegue até Configurações () > site da base de conhecimento > Personalizar site > CSS e JavaScript personalizados no portal da base de conhecimento.

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

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

    Uma janela é exibida, pré-carregada com sete snippets básicos que você pode usar para personalizar seu site da base de dados de conhecimento.

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

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


Adicionando CSS personalizado

Você também pode adicionar um estilo CSS personalizado à sua tabela, além do snippet padrão fornecido.

Por exemplo

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;
}

Se você inserir esse código CSS personalizado no espaço de código na guia CSS , sua saída aparecerá como abaixo:
02_Screenshot_Table_style_CSS