Kendo React Grid, build programmatically

[SoH]

Does anyone know where I could find an example of a Kendo React Grid that is databound programmatically to an API Endpoint data source.

The paging would be done by passing a page number to the Endpoint.

I have no idea how to sort or filter the entire dataset if the grid is only showing a subset (page) of the data.

[Stefan]

Hello,

This can be seen in our server operation demo:

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

This is using oData, but the approach is applicable to other APIs as well.

The main point is to handle the onDataStageChange event of the Grid, where we will provide an object with the Grid data state, page, sort, filter, etc. Then a request has to be made to the server with those parameters and the data that is returned has to be set to the Grid:

https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-ondatastatechange

Also, please have in mind that all data operation has to be done either on the server or on the client, mixing both is not supported as it creates many issues. For example, this is why we cannot perform a full sorting on the client if we only have the current page from the server. The operations have to be done where we have access to the entire data.

Regards,
Stefan
Progress Telerik