Edit Detailed Row in Grid

2 posts, 0 answers
  1. Miriam
    Miriam avatar
    3 posts
    Member since:
    Jul 2020

    Posted 22 Sep 2020 Link to this post

    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!

     

     

  2. Stefan
    Admin
    Stefan avatar
    3034 posts

    Posted 23 Sep 2020 Link to this post

    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).

Back to Top