Hello, Sourav,
Thank you for your example.
I noticed a couple of things which I would like to address.
1) When the Grid will have custom editors, we recommend on their change event to call the onChange handle that comes with the props. This will ensure that the value update will come from the Grid. This will also remove the need to pass extra functions to the custom cell.
const handleChange = (e) => {
props.onChange({
dataItem: props.dataItem,
field: props.field,
syntheticEvent: e.syntheticEvent,
value: e.value
});
}
return (
<td>
<Input onChange={handleChange} value={value} />
2) The take parameter is the same as the pageSize when the Grid is pageable, it tells the Grid how many records to show. If we set it to 0, it will show no records. If the Grid will not be pageable, please remove this parameter:
https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-take
I converted the example to use functional components, editing, sorting, and filtering. All seems to be working as expected:
https://stackblitz.com/edit/react-ssjjj5-7adexo?file=app%2Fmain.jsx
I hope this is helpful.
Regards,
Stefan
Progress Telerik