DSNiemeyer
Idioma
PTEN

Data Table

Tabela completa — header fixo, seleção de linhas, busca, visibilidade de colunas e popup arrastável para reordenar colunas. Mesma composição usada nas tabelas da plataforma.

Completo

Ordenar, buscar, selecionar, reordenar colunas

Alto da Serra #113Nícolas BarrosPendenteR$ 3.9002026-02-15
Alto da Serra #128Nícolas BarrosPendenteR$ 2.8502026-05-15
Bloco Sol #102Carla OliveiraInativoR$ 3.2002026-03-15
Bloco Sol #117Carla OliveiraInativoR$ 5.3002026-06-15
Cidade Nova #112Mariana MendesAtivoR$ 3.5502026-01-15
Cidade Nova #127Mariana MendesAtivoR$ 2.5002026-04-15
Condomínio Atlântico #104Eduarda LimaPendenteR$ 3.9002026-05-15
Condomínio Atlântico #119Eduarda LimaPendenteR$ 2.8502026-02-15
Edifício Aurora #100Ana SouzaAtivoR$ 2.5002026-01-15
Edifício Aurora #115Ana SouzaAtivoR$ 4.6002026-04-15
0 de 30 linha(s) selecionada(s)
Linhas por página
<DataTableRoot
  items={rows}
  columns={columns}
  enableSelection
  defaultPageSize={10}
  defaultSort={{ columnId: "unit", direction: "asc" }}
>
  <DataTableToolbar>
    <DataTableSearch />
    <DataTableColumnOrder />
    <DataTableViewOptions />
  </DataTableToolbar>
  <DataTableContent stickyHeader maxHeight="28rem" />
  <DataTablePagination />
</DataTableRoot>