Размер шрифта заголовка Kendo-Grid-Column

Question

как изменить размер шрифта заголовка Kendo-Grid-Column в html?

По умолчанию он очень большой, и я попытался добавить font-size: medium;к стилю столбца, но все еще не работает.

Я пробовал [headerStyle] как следующую ссылку

Я получил эту ошибку: Невозможно связать с headerStyle, так какэто не известное свойство 'кендо-сетки'.

Answer 1

Это должно сделать это:

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

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

Обязательно импортируйте GridModule в app.component:

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

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

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