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

Question

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.

score 1 · Accepted Answer · answered Apr 01 '20 at 14:04

1

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

answered Apr 01 '20 at 14:04

un.spike

I just added in the css file of particular component & It's working... Thank You – Devashish Maurya Apr 02 '20 at 10:45
If the above does'nt work, try this :host ::ng-deep .ag-header-cell-label { justify-content: center; } – Adithya Mar 03 '22 at 12:40

1 Answers1