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.

See plunker example: http://plnkr.co/edit/Vy8ztuercRsR4ESXbCPU?p=preview

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.
http://plnkr.co/edit/Vy8ztuercRsR4ESXbCPU?p=preview

You should increase the specificity of the CSS selector you are using in order to override the existing styling. For example adding an !important just for the test.
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.
http://plnkr.co/edit/Vy8ztuercRsR4ESXbCPU?p=preview

Plunkr you have posted works for me, unless I am missing something.

You're right. I had to stop and rerun plunker and now it does work.
Thank you all for your help.
Thank you so much i was really looking for this. You saved my further time. Thanks buddy.
Most helpful comment
Plunkr you have posted works for me, unless I am missing something.
