Completed
Last Updated: 09 May 2019 06:26 by ADMIN
Joshua
Created on: 07 May 2019 17:11
Category: KendoReact
Type: Feature Request
1
Change Header detail rows
Please refer to this stack overflow question that explains all the problem statement and what we need to accomplish in the new feature https://stackoverflow.com/questions/55957108/how-to-change-the-header-of-the-details-expand-collapse-columns-for-the-detail-r
3 comments
ADMIN
Stefan
Posted on: 09 May 2019 06:26
Hello, Joshua,

I also want to add that if the idea is to only modify the header, the headerCellRender is a faster approach as it only modify the headers:

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

https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-headercellrender

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
Joshua
Posted on: 08 May 2019 14:31
Thanks Stefan! this works perfectly.
ADMIN
Stefan
Posted on: 08 May 2019 10:15
Hello, Joshua,

Currently, the Grid only provides renders for its declared columns.

Until we provide a render for the details column I can suggest the following.

Create a custom column bound to the expanded field, and use the cell and the headerCell renders to achieve the expand collapse functionality and to have access to modify the header:

https://www.telerik.com/kendo-react-ui/components/grid/api/GridColumnProps/#toc-cell

https://www.telerik.com/kendo-react-ui/components/grid/api/GridColumnProps/#toc-headercell

I have made an example demonstrating this:

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

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