Change Header detail rows

Completed

Last Updated: 09 May 2019 06:26 by ADMIN

Joshua

Created on: 07 May 2019 17:11

Category: KendoReact

Type: Feature Request

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