Search code examples
reactjskendo-uiheadercustomization

How to change the header of the details expand/collapse columns for the detail rows in kendo react?


I need add the text "+/-" in the header of the collapse/expand column for details rows in kendo react. I also want to add and event so when the user clicks on that column, it expands or collapse all the rows. I've used this to create the details rows.

This image shows better what i want to change


Solution

  • Update:

    Telerik provided an answer for this: https://stackblitz.com/edit/react-abh1id?file=app/main.jsx

    Original:

    I've debugged kendo-react library and it's not possible to make it happen. I've open a feature request for kendo React https://feedback.telerik.com/kendo-react-ui/1408002-change-header-detail-rows