I have implemented a grid using OData Server Operations, very similar to this example:
https://www.telerik.com/kendo-react-ui/components/grid/data-operations/odata-server-operations/
But now I can't highlight the selected row. Using the process function does not allow for server side paging, filtering or sorting.
I can't use `getSelectedState` as my version of the grid has no exported member.
Is there any other way I can highlight the selected row?
1 Answer, 1 is accepted
Rank 1
Iron
Veteran
Iron
I slept on this problem and realised there was an easy fix.
Before setting the local state with the grid data, I set the selected row in the data inside a useEffect().
useEffect(() => {
const localData = {...props.gridData};
const updatedData = localData.data.map((item) => ({ ...item, selected: item.id === selectedId }))
setData({data: updatedData, total: localData.total})
}, [props.gridData, selectedId]);
Hi, sc cs,
Yes, setting the selected row in the data inside a useEffect should fix it.
Let us know if further assistance is required.
Regards,
Filip