Column menu doesn't work in custom headers

1 Answer 453 Views
Grid
Gabriel
Top achievements
Rank 2
Iron
Gabriel asked on 17 Feb 2022, 01:17 PM

Hi there,

Im trying to use custom headers, but column menus doesnt show, theres an exemple
 https://stackblitz.com/edit/react-egavx9?file=app/main.jsx
In older version (4.8.0) for exemplo this work perfectly, an exemple here : 
https://stackblitz.com/edit/react-egavx9-xur51f?file=app/main.jsx

Is it a bug?, or there are new way to do this ?

best regards,
Gabriel.

1 Answer, 1 is accepted

Sort by
0
Accepted
Konstantin Dikov
Telerik team
answered on 18 Feb 2022, 12:36 PM

Hi Gabriel,

A breaking change was introduced in the way that the column menu icon was rendered, because there was huge demand for allowing the developers to customize it. After the change, the icon will not be rendered automatically and you will have to add it manually, using the headerCell props:

I have updated the example with the new approach for adding the columnMenu icon:

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Gabriel
Top achievements
Rank 2
Iron
commented on 31 Mar 2022, 12:52 PM | edited

And for custom headerCell for tree list? The menu doesnt work anymore too..

 

Thanks,

Gabriel

Konstantin Dikov
Telerik team
commented on 04 Apr 2022, 06:47 AM

Hello Gabriel,

Please refer to the following example for rendering the columnMenu with custom header:

I will also log this in our backlog, so we can add it as an example in our documentation.

Tags
Grid
Asked by
Gabriel
Top achievements
Rank 2
Iron
Answers by
Konstantin Dikov
Telerik team
Share this question
or