Tabela de dados
Um bloco de tabela de dados completo alimentado por TanStack Table - colunas de classificação com chevrons personalizados, seleção de linhas com estado de cabeçalho indeterminado, chips e ações por linha e um rodapé de paginação. O renderização usa os primitivos da tabela BoardUI, de modo que a lógica e o look permaneçam separados.
Resultados totais
48 clientes
| Compra | Status | Ações | |||
|---|---|---|---|---|---|
 John Clarkson | A entrega falhou | 5 de set. de 2026 | $3.412 | ||
 Aspen Lubin | A entrega falhou | 25 de mar. de 2026 | $1.899 | ||
 Michael Ekstrom | Enviado | 1 de ago. de 2026 | $2.752 | ||
 Kianna Vaccaro | Enviado | 2 de abr. de 2026 | $145 | ||
 Livia Saris | A entrega falhou | 14 de nov. de 2026 | $708 | ||
 Jaydon Aminoff | Entrega à espera | 17 de jul. de 2026 | $224 | ||
 Maria Lubin | Enviado | 15 de nov. de 2026 | $2.959 | ||
 Ann Press | Entrega à espera | 20 de set. de 2026 | $2.646 |
Instalação
Você pode adicionar este bloco de tabela de dados usando nosso CLI ou manualmente. O CLI também puxa a tabela, caixa de seleção, chip, seleção, paginação e primitivos de controle segmentado que ele compõe:
Modo escuro pronto - este componente segue tokens semânticos BoardUI automaticamente. Configurar a mudança de tema.
O CLI copia a fonte do componente (com suas dependências internas) em seu projeto e instala quaisquer pacotes npm necessários.
npx boardui@latest add data-tableUsando um pacote de UI compartilhado ou aliases de importação personalizados? Configure seus caminhos de instalação antes de executar o CLI. Exemplos de copy-paste usam as importações padrão.