get processed data after applying filter on autoProcessData

[irfan]

I'm using autoProcessData=true in Grid, and I want to access the processed data after filters are applied. For example, if I start with 50 items and a filter reduces it to 10, how can I access those 10 filtered items? Is there a callback or method to get the processed data after filtering?

      <Grid
        data={addressList}
        dataItemKey={DATA_ITEM_KEY}
        className="k-grid-no-scrollbar border-none bg-transparent"
        autoProcessData={true}
        defaultSkip={0}
        defaultTake={10}
        pageable={{
          buttonCount: DEFAULT_TABLE_BUTTON_COUNT,
          pageSizes: DEFAULT_TABLE_PAGE_SIZES,
        }}
        sortable={{
          allowUnsort: true,
          mode: 'multiple',
        }}

      >

[Filip]

Hello, Irfan

To access the processed data after filters are applied when using autoProcessData=true, you can utilize the onDataStateChange event. This event is triggered each time the data state changes due to filtering, sorting, or paging operations. You can use this event to capture and process the filtered data. I have prepared an example which showcases this approach here:

• https://stackblitz.com/edit/react-hf5gurw9-mqzdbja1?file=app%2Fapp.jsx

I have console.logged the filtered data. Please review the approach outlined above and let me know in case this is still not exactly what you are looking for and I will gladly assist further.

Regards,
Filip
Progress Telerik