Docs
DataTable

DataTable

DataTable component from @tanstack/react-table

API Reference

DataTable using sub-components

  • All the data is dumped into the table
  • Pagination, sorting, and filtering all controlled internally by @tanstack/react-table
  • Components used for column headers, pagination, and column toggling
1Ron BurgundyImRonBurgundy?@aol.com
2Champ Kindbighat@gosports.com
Showing 1 - 2 of 12 results

Fully customized

For tables with large datasets, pagination, sorting, and filtering should all be controlled by the server. Example coming soon I hope.

Usage

@tanstack/react-table
 
...
 
<div>
  <div className='flex justify-end'>
    <DataTable.ColumnToggle table={table} className='mb-2' />
  </div>
 
  <DataTable.Table table={table} />
 
  <DataTable.Pagination table={table} />
</div>
CommandDatePicker