This is a migrated thread and some comments may be shown as answers.

Example Grid with Paging, Filter and Sort

2 Answers 1491 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Arun
Top achievements
Rank 1
Arun asked on 14 Feb 2019, 08:41 PM

Hi, can someone provide an example of a React Grid with Paging, Filter and Sort implemented together. Filter and sort have to work throughout the whole dataset and not just on the visible values alone. Please advice.

 

Example stackblitz - My implementation

2 Answers, 1 is accepted

Sort by
0
Arun
Top achievements
Rank 1
answered on 14 Feb 2019, 08:44 PM

https://stackblitz.com/edit/react-bnjkcp?file=app%2Fmain.js

 

This is the code

0
Accepted
Stefan
Telerik team
answered on 15 Feb 2019, 07:56 AM
Hello, Arun,

If filtering, paging, and sorting will be used together we recommend using on one event onDataStateChange and using the "process" method which will automatically apply the operation on in expected order. This can be observed in the following demo:

https://www.telerik.com/kendo-react-ui/components/grid/data-operations/local-operations/

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
General Discussions
Asked by
Arun
Top achievements
Rank 1
Answers by
Arun
Top achievements
Rank 1
Stefan
Telerik team
Share this question
or