Overview:

The React Table Example is a demonstration of React Table V7 using TypeScript and Material UI. It showcases various features and functionalities of React Table.

Features:

useGroupBy: enables header groups
useFilters: provides per-column filters displayed in a separate filter dropdown
useSortBy: allows column sorting
useExpanded: allows expansion of grouped columns
useFlexLayout: provides a scalable full width table
usePagination: enables pagination
useResizeColumns: allows resizable columns
useRowSelect: enables row selection

Other features:

Demonstrates hiding columns
Uses react-json-view to display the table instance
Utilizes useLocalStorage and useDebounce from https://usehooks.com to persist table settings

Summary:

The React Table Example is a comprehensive demonstration of React Table V7 using TypeScript and Material UI. It showcases various key features such as header grouping, column filtering, sorting, expansion of grouped columns, scalable table layout, pagination, resizable columns, and row selection. It also demonstrates additional functionalities like hiding columns and persistence of table settings using local storage and debounce. This example serves as a helpful resource for developers looking to utilize React Table in their projects.

Ggascoigne

React Table Example