Progress® Kendo UI® for jQuery Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 01 Jul 2020 14:40 by ADMIN
Shawn
Created on: 18 Feb 2020 22:41
Category: Grid
Type: Bug Report
2
Grid header style

We have few of dynamically created grid controls. I like to change the grid header style for all of them. I found this solution on the forum however there is an issue with this. If I override ".k-grid-header th.k-header" the change effects column filter popup content as well. See this example on dojo: https://dojo.telerik.com/@ssharifi/AvayONaQ all text and drop down texts are also effected.

I just need to override the title text. What style can I set so the title text is bold but not the filter options?

Thanks,

Shawn

3 comments
ADMIN
Alex Hajigeorgieva
Posted on: 20 Feb 2020 08:19

Hello, Shawn,

The item is now made public and is available here:

https://feedback.telerik.com/kendo-jquery-ui/1454314-grid-header-style

And also in our public repository if you prefer to subscribe to the GitHub issue:

https://github.com/telerik/kendo-ui-core/issues/5617

I have also added some Telerik points to your account as a token of appreciation for helping us improve.

Regards,
Alex Hajigeorgieva
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Shawn
Posted on: 19 Feb 2020 16:43
Thanks Alex, yes you can.
ADMIN
Alex Hajigeorgieva
Posted on: 19 Feb 2020 16:39

Hello, Shawn,

Thank you very much for the provided Dojo.

The built-in way to add custom attributes to the grid headers is by using the columns.headerAttributes property but the way you have found is also valid.

However, it appears that we might have a bug in which the filter form inherits the font-weight. Would you mind if I convert this thread to a public feedback item so others can find it and upvote it? The most popular items are fixed with higher priority because of their impact.

Meanwhile, you can use this CSS override:

.k-filter-menu {
    font-weight: normal !important;
}

Look forward to hearing back from you.

Regards,
Alex Hajigeorgieva
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Create an account Log In
View
Type
Status
Category