This is a migrated thread and some comments may be shown as answers.

Kendo grid inline add in between datas

1 Answer 57 Views
Wrappers for React
This is a migrated thread and some comments may be shown as answers.
Jiyo
Top achievements
Rank 2
Jiyo asked on 28 Jan 2020, 11:38 AM

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.

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 29 Jan 2020, 10:53 AM

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

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Wrappers for React
Asked by
Jiyo
Top achievements
Rank 2
Answers by
Stefan
Telerik team
Share this question
or