DSNiemeyer
Language

Data Table

Full-featured table — sticky header, row selection, search, column visibility, and a draggable popup to reorder columns. The composition platform tables use.

Full-featured

Sort, search, select, reorder columns

Alto da Serra #113Nícolas BarrosPendingR$ 3.9002026-02-15
Alto da Serra #128Nícolas BarrosPendingR$ 2.8502026-05-15
Bloco Sol #102Carla OliveiraInactiveR$ 3.2002026-03-15
Bloco Sol #117Carla OliveiraInactiveR$ 5.3002026-06-15
Cidade Nova #112Mariana MendesActiveR$ 3.5502026-01-15
Cidade Nova #127Mariana MendesActiveR$ 2.5002026-04-15
Condomínio Atlântico #104Eduarda LimaPendingR$ 3.9002026-05-15
Condomínio Atlântico #119Eduarda LimaPendingR$ 2.8502026-02-15
Edifício Aurora #100Ana SouzaActiveR$ 2.5002026-01-15
Edifício Aurora #115Ana SouzaActiveR$ 4.6002026-04-15
0 of 30 row(s) selected
Rows per page
<DataTableRoot
  items={rows}
  columns={columns}
  enableSelection
  defaultPageSize={10}
  defaultSort={{ columnId: "unit", direction: "asc" }}
>
  <DataTableToolbar>
    <DataTableSearch />
    <DataTableColumnOrder />
    <DataTableViewOptions />
  </DataTableToolbar>
  <DataTableContent stickyHeader maxHeight="28rem" />
  <DataTablePagination />
</DataTableRoot>