CODEWITHSUNDEEP
javascriptangulartypescriptag-gridag-grid-angular
Devashish Maurya
Devashish Maurya

Reputation: 72

Ag-Grid Header Align Center is not Working - Angular 9

I am using Angular 9 and installed package ag-grid-angular & ag-grid-community.

I want to align: center the Headers of my Table. Please refer this image

I referred these stackoverflow answers but it's not working for me.

Upvotes: 0

Views: 1293

Answers (1)

un.spike
un.spike

Reputation: 5113

Referring to override ag-grid styles

You need to use this part :

  styles:[`
      .ag-header-group-cell-label { justify-content: center; }
      .ag-header-cell-label { justify-content: center; }
  `],

ag-header-group-cell-label - for grouped headers

ag-header-cell-label - for normal headers

Demo

Upvotes: 1

Related Questions