CustomGrid Filtering: Dynamic Tabbed Views in React/SharePoint Systems
project-russian-postreactsharepointreduxcustom-griddatatablefrontendkendostate-managementfilteringtabs
- Published on
- • 4 mins read•--- views
Task
On a single page, organize tabs so that switching between them changes the data displayed in a single grid (i.e., customizable views).
Implementation
A structure for filters (also called views) was developed. At the core is the name and the filtering function. Wrapped in a hook and combined with memoization, it shows good performance. It can count the number of items in each tab.
useCustomGridFilters Hook
Content `Source Code` requires special access key
Please, communicate with administrator to obtain the access key here
Filter Structure
Content `Source Code` requires special access key
Please, communicate with administrator to obtain the access key here
Usage
Content `Source Code` requires special access key
Please, communicate with administrator to obtain the access key here