Como congelar cabeçalhos de tabelas

Congelar o cabeçalho da tabela mantém os títulos das colunas visíveis enquanto você navega por tabelas longas. Isso ajuda os leitores a entender o contexto dos dados sem precisar rolar repetidamente para o topo.

O Document360 oferece uma funcionalidade de congelamento de tabela embutida. Você pode congelar sua linha ou coluna do cabeçalho usando essa funcionalidade.

Como solução alternativa, você também pode seguir os passos abaixo para congelar a linha de cabeçalho das tabelas na sua base de conhecimento.

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

2. Na aba CSS, cole o código a seguir.

.fixed-header-table div[data-type="table-content"]{
    position: relative;
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #ddd;
}
table {
    width: 100%;
    border-collapse: collapse;
}
tbody th {
    position: sticky;
    top: 0;
    z-index: 2;
}

3. Clique em Salvar.

4. Navegue até seu artigo e abra a visualização de código.

5. Encerre o código HTML da tabela na próxima classe.

<div class="fixed-header-table">
Your table code
</div>

NOTA

A linha de cabeçalho permanece fixa no topo da tabela enquanto o leitor percorre o conteúdo da tabela.

Desfecho

Quando um leitor percorre uma tabela longa, os cabeçalhos das colunas permanecem visíveis no topo da tabela, facilitando a interpretação dos dados.