Kendo grid inline add in between datas

[Jiyo]

Hiii....... i have a kendo grid which includes an inline add option in each row. what i need is when i click on the add cell on a specific row the inline row should come under the row which we clicked.

 

I'm attaching an image for more understandability.

[Stefan]

Hello, Jiyo,

This can be achieved by using a custom cell.

This cell should have a button that will insert an item in the data state. The correct position can be found by using the item id to find its index in the collection:

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

I made an example showcasing this:

https://stackblitz.com/edit/react-3arokg?file=app/main.jsx

I hope this is helpful.

Regards,
Stefan
Progress Telerik