Issue with expanded row grid Actions column in kendo-react

[Tisson]

I am implementing a grid which is having expanded grid from parent grid and in the expanded grid i am having action column associated with each row which will be having action column like "Edit/delete/view". And all the methods for action column are in parent class. I am facing issue with the action ("Edit/delete/view") for the expanded column because as per kendo-react docs we suppose to implement the expanded grid in another class. Please provide me some solution? 

[Stefan]

Hello, Tisson,

This can be done using a custom function that will pass the built-in props plus any additional props. 

Please check this forum post on a similar topic:

https://www.telerik.com/forums/passing-props-to-detail-row-component

I hope this is helpful.

Regards,
Stefan
Progress Telerik

[Tisson]

The solution what you have provided not solving the issue.It is throwing error for undefined methods. So i am trying to access the methods which are defined in parent class because i am expending the grid from parent grid. And the action items like "Edit/Delete" are in the expended grid. And according the kendo-react docs we suppose to implement the expanded grid in another class. 

[Stefan]

Hello, Tisson,

This can be done by using a helper function that will render the detail component and pass it an additional props.

This is an example of how it can be done:

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

The same approach can be used to pass any props, like functions, data, etc.

Also, the example in the previous link is working as expected on my end, could be please share where it is showing the undefined error.

I hope this is helpful.

Regards,
Stefan
Progress Telerik