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

Edit Detailed Row in Grid

1 Answer 41 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Miriam
Top achievements
Rank 1
Miriam asked on 22 Sep 2020, 08:29 PM

Hi.

I am trying to implement a detail row in my grid, as shown in this example:

 

https://www.telerik.com/kendo-react-ui/components/grid/rows/detail/

 

It works great, but how can I make this editable as well? I need to be able to edit all columns, details as well.

Is this possible? whatever I tried didn't work for me.

 

Thanks!

 

 

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 23 Sep 2020, 09:09 AM

Hello, Miriam,

This can be done by using a function that will update the state when editing an item inside the detail template.

The implementation will depend on the application setup, but I made an example to showcase a possible approach:

https://stackblitz.com/edit/react-2gf1ts?file=app/main.jsx

I hope this is helpful.

Regards,
Stefan
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

Tags
General Discussions
Asked by
Miriam
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or