Copiar página como Markdown para IA
Table Cell
Subcomponente de Composição
O br-table-cell representa uma célula de dados (<td>) da tabela. Deve ser utilizado dentro de um <br-table-row>.
Visão Geral
Subcomponente de célula de dados de br-table, utilizado para renderizar o valor ou conteúdo de um registro em uma coluna específica.
Papel na composição
- Exibe o dado pontual da coluna (
role="cell"), podendo conter texto, badges, ícones, botões de ação ou links.
Regra de uso e relacionamento
Deve ser declarado dentro de um br-table-row situado no br-table-body. O dimensionamento e posicionamento são calculados pelas regras de CSS Grid da tabela pai.
Para a documentação completa de design, consulte o Design System do GovBR.
Exemplo(s)
Propriedades
horizontalAlignment
| Atributo | horizontal-alignment |
|---|---|
| Descrição | Define o alinhamento horizontal do conteúdo dentro da célula. |
| Tipo | "center" | "end" | "start" |
| Valor padrão | --- |
overflow
| Atributo | overflow |
|---|---|
| Descrição | Define se o conteúdo dentro da célula 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
| Atributo | tooltip-mode |
|---|---|
| Descrição | Define o modo de resolução do tooltip nesta célula. |
| Tipo | "disabled" | "enabled" | "inherit" |
| Valor padrão | --- |
tooltipState
| Atributo | tooltip-state |
|---|---|
| Descrição | Define o estado semântico do tooltip nesta célula. |
| Tipo | "danger" | "info" | "success" | "warning" |
| Valor padrão | --- |
verticalAlignment
| Atributo | vertical-alignment |
|---|---|
| Descrição | Define o alinhamento vertical do conteúdo dentro da célula. |
| Tipo | "center" | "end" | "start" |
| Valor padrão | --- |
Eventos
| Evento | Descrição | Depreciação | Propagação |
|---|---|---|---|
brAlignmentChange | Evento customizado emitido quando o alinhamento é alterado, permitindo que a célula reaja dinamicamente a mudanças nos tokens de alinhamento. | --- | true |
brOverflowChange | Evento customizado emitido quando a configuração de overflow é alterada, permitindo que a célula reaja dinamicamente a mudanças no token de overflow. | --- | true |
CSS Shadow Parts
| Nome | Descrição |
|---|---|
"cell" | Wrapper da célula. |
"content" | Área de conteúdo da célula. |
