Demo of React Table V7 using TypeScript as well as Material UI
- Open this example in a new CodeSandbox
yarn
andyarn start
to run and edit the example
This example uses:
useGroupBy
to enable header groupsuseFilters
for per-column filters. Note that filters are displayed in a separate filter dropdown rather than being embedded in each column header.useSortBy
for column sortinguseExpanded
to allow expansion of grouped columnsuseFlexLayout
for a scalable full width tableusePagination
for paginationuseResizeColumns
for resizable columnsuseRowSelect
for row selection
Other features:
- Demonstrates hiding columns.
- use
react-json-view
to optionally display the table instance for better exploration. - use
useLocalStorage
anduseDebounce
, both from https://usehooks.com to persist table settings.
Several parts of this demo are pulled from examples that are available at https://github.com/tannerlinsley/react-table/tree/master/examples that are copyright Tanner Linsley