Kendo-Grid-Column标头字体大小

Question

如何在html中更改Kendo-Grid-Column标头的字体大小？

默认情况下它很大，我尝试添加font-size：medium;列样式，但仍然无法正常工作。

我尝试了[headerStyle]作为以下link

我收到此错误：无法绑定到“ headerStyle”，因为它不是“ kendo-grid”的已知属性。

Answer 1

这应该做到：

        <kendo-grid-column
          field="ContactName"
          title="Contact Name"
          [width]="150"
          [headerStyle]="{'font-size' : '3rem'}"
        >

Stackblitz： https://angular-aprxae.stackblitz.io

确保在app.component中导入GridModule：

import { GridModule } from '@progress/kendo-angular-grid';

import { AppComponent } from './app.component';

@NgModule({
  imports: [ BrowserModule, BrowserAnimationsModule, FormsModule, GridModule ],
  declarations: [ AppComponent ],
  bootstrap: [ AppComponent ]
})