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'}"
        >

堆栈闪电战： 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 ]
})