Ir para o conteúdo principal
WBC - GovBR-DS
Copiar página como Markdown para IA

Table Header

Componente estável e recomendada para novos projetos.
Anatomia, uso, comportamento visual e recomendações conceituais são mantidos pelo Padrão Digital de Governo. Esta página documenta a implementação Web Components e sua API executável.
Subcomponente de Composição

O br-table-header agrupa semanticamente as linhas de cabeçalho. Use-o como conteúdo declarativo do slot header de <br-table> e coloque nele um <br-table-row> com as células <br-table-header-cell> que identificam as colunas:

<br-table>
<br-table-header slot="header">
<br-table-row>
<br-table-header-cell>Nome</br-table-header-cell>
<br-table-header-cell>Órgão</br-table-header-cell>
</br-table-row>
</br-table-header>
</br-table>

Use-o na composição de br-table, não isoladamente.

Visão Geral​

Para a documentação completa de design, incluindo diretrizes de uso, acessibilidade e exemplos visuais, consulte o Design System do GovBR.

Agrupa as linhas de cabeçalho de br-table, que as posiciona em uma grade. Use uma linha para tabelas simples e múltiplas linhas com colSpan/rowSpan em br-table-header-cell para hierarquias de colunas. É uma peça declarativa do slot header, usada com o orquestrador; não realiza ordenação avulsa.

Slots​

NomeDescrição
"default"Linhas contendo células br-table-header-cell.

CSS Shadow Parts​

NomeDescrição
"header"Contêiner estrutural do cabeçalho.

Dependências​

Componente pai​

Comece aquiComponentesQuickstartsSobre o projetoRepositório GitLabVersõesDiscordGovBR-DSFAQWikiRedefinir cookies