CODEWITHSUNDEEP
htmlangularkendo-uikendo-grid
Alaa'
Alaa'

Reputation: 487

Kendo-Grid-Column header font size

how to change the font size of Kendo-Grid-Column header in html?

By default it's very big and I tried to add font-size:medium; to the column style but still not working.

I tried [headerStyle] as the following link

I got this error: Can't bind to 'headerStyle' since it isn't a known property of 'kendo-grid'.

Upvotes: 1

Views: 4447

Answers (1)

mchl18
mchl18

Reputation: 2336

This should do it:

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

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

Be sure to import the GridModule in app.component:

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

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

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

Upvotes: 2

Related Questions