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

Table Row

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-row representa uma linha da tabela (<tr>). Deve ser utilizado dentro de <br-table-header> ou <br-table-body>.

Visão Geral​

Subcomponente de linha de br-table, utilizado tanto no cabeçalho quanto no corpo de dados para agrupar uma sequência horizontal de células.

Papel na composição​

  • Representa uma linha de registro (role="row").
  • Suporta estados de seleção (selected), foco e hover coordenados com o pai.

Regra de uso e relacionamento​

Declarado dentro de br-table-header (quando contiver br-table-header-cell) ou dentro de br-table-body (quando contiver br-table-cell). Não deve ser usado isoladamente.

Para a documentação completa de design, consulte o Design System do GovBR.

Exemplo(s)​

Propriedades​

horizontalAlignment​

Atributohorizontal-alignment
DescriçãoDefine o alinhamento horizontal das células dentro da linha, permitindo a herança de alinhamento para as células filhas com base no valor definido.
Tipo"center" | "end" | "start"
Valor padrão---

overflow​

Atributooverflow
DescriçãoDefine se o conteúdo dentro das células da linha deve ser truncado, permitindo a herança dessa configuração para as células filhas com base no valor definido.
Tipo"truncate" | "wrap"
Valor padrão---

tooltipMode​

Atributotooltip-mode
DescriçãoDefine o modo de resolução do tooltip nas células desta linha.
Tipo"disabled" | "enabled" | "inherit"
Valor padrão---

tooltipState​

Atributotooltip-state
DescriçãoDefine o estado semântico do tooltip nas células desta linha.
Tipo"danger" | "info" | "success" | "warning"
Valor padrão---

verticalAlignment​

Atributovertical-alignment
DescriçãoDefine o alinhamento vertical das células dentro da linha, permitindo a herança de alinhamento para as células filhas com base no valor definido.
Tipo"center" | "end" | "start"
Valor padrão---

Eventos​

EventoDescriçãoDepreciaçãoPropagação
brAlignmentChangeEvento customizado emitido quando o alinhamento é alterado, permitindo que as células reajam dinamicamente a mudanças nos tokens de alinhamento.---true
brOverflowChangeEvento customizado emitido quando a configuração de overflow é alterada, permitindo que as células reajam dinamicamente a mudanças no token de overflow.---true

CSS Shadow Parts​

NomeDescrição
"row"Wrapper da linha da tabela.

Dependências​

Componente pai​

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