-
Notifications
You must be signed in to change notification settings - Fork 213
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Kendo for Angular 2: Grid styling using headerClass, class or footerClass do not work #42
Comments
The headerClass is not applied due to few configuration errors in the sample:
@Component({
selector: 'my-app',
styles: ['/*..*/'],
encapsulation: ViewEncapsulation.None,
template: `
<kendo-grid [data]="gridData">
<kendo-grid-column
field="ProductName"
[headerClass]="'test'">
</kendo-grid-column>
</kendo-grid>
`
}) |
I made the updates you listed to the plunker example, but the styles are still not being applied. |
You should increase the specificity of the CSS selector you are using in order to override the existing styling. For example adding an |
I added important to test but still do not see the styling. When I run the debugger on plunker I don't even see the test styles in the stack of styles to apply. |
You're right. I had to stop and rerun plunker and now it does work. |
Thank you so much i was really looking for this. You saved my further time. Thanks buddy. |
Kendo for Angular 2: Grid styling using headerClass, class or footerClass do not work.
The documentation example for Styling uses headerStyle, style, footerStyle and seems to work.
http://www.telerik.com/kendo-angular-ui/components/grid/
But if I switch the example to use headerClass, class, or footerClass, the styles do not apply.
![kendo1](https://cloud.githubusercontent.com/assets/10292625/19202785/da49a278-8c88-11e6-891e-3a63dee9839b.jpg)
See plunker example: http://plnkr.co/edit/Vy8ztuercRsR4ESXbCPU?p=preview
The text was updated successfully, but these errors were encountered: