New line in header

Question

How to add new line to header text? I tried below solution, but this will just word wrap the text. What I need to do is to force the new line

.ag-header-cell-label {
    text-overflow: clip;
    overflow: visible;
    white-space: normal;
}

And in my html, I added

[headerHeight]="48"

Answer 1

What i have tried and works Perfect is

.ag-header-cell-label .ag-header-cell-text {
   white-space: pre-wrap !important;
}

And Header

headerName: "Model \n test", 

\n for new line and white-space: pre-wrap !important; to preserve Line Break.

Here is the example https://jsfiddle.net/a6Lp5e9k/