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.

Answer 1

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