Pular para o conteúdo principal

Table

Base​

Zebrado​

Paginação​

Acesse a documentação do Pagination para encontrar outras variações de paginação.

Cabeçalho fixo​

Atenção

Caso você não esteja utilizando o componente Table dentro do componente Main e se existir algum outro elemento fixo acima da tabela, é necessário adicionar um estilo com posicionamento personalizado. Assim o cabeçalho será exibido corretamente.

O cabeçalho de uma tabela pode ser fixo adicionando a propriedade fixed no Table.Head. Neste caso, quando a pessoa usuária descer a visualização da página, e o cabeçalho da tabela estiver próximo ao topo da tela, ele estará fixo.

Alinhado a direita​

Ordenação​

Alinhado a direita​

Com linhas selecionáveis​

Dica

Certifique-se que o subcomponente Table.Row esteja com a propriedade active setada como true quando seu Checkbox interno estiver selecionado.

Feedback​

Para reportar algum problema, solicitar novos ícones, solicitar novos casos de uso de componentes, tirar dúvidas, enviar sugestões ou reportar bugs, entre em contato pelo nosso canal no Slack #tangram-design-system.