headerStyle has no effect

[jan]

Hi,

I have a grid, where I add some columns with ngFor like this:

<kendo-grid-column
      *ngFor="let period of periods; index as i"
      field="p{{ i + 1 }}"
      title="{{ i + 1 }}"
      format="n0"
      filter="numeric"
      [style]="{ 'text-align': 'right' }"
      [headerStyle]="{ 'text-align': 'right' }"
    ></kendo-grid-column>

The 'periods' is just a simple array from 1 to 12. The issue is, that the header style isn't applied, the title isn't aligned to the right. And if I test this with other columns, the title isn't aligned too. Does this works only, if I use a 'HeaderTemplateDirective'?

Thanks.

[Ivo]

Hi Jan,

The headerStyle option should always work, it is not limited to cases where the HeaderTemplateDirective is being used.

I was not able to reproduce the issue with this Stackblitz example, so would you please send us a Stackblitz example (or a sample project) where we can see the issue and investigation it further?

Thank you.

Regards,
Ivo
Progress Telerik