Column Header Line Break

[Charles Eichelberger]

Hello, 

The line breaking feature for header cells is not working. Here is an example. One of the columns has a <br> in the headerText and disableHtmlEncode is set to false. It does appear to break but the column header div is not large enough to show it. 

thanks,

Charles

[Rajapandiyan Settu]

Hi Charles,

Thanks for contacting Syncfusion support.

You can resolve this by setting the height as auto for headercelldiv.

 

[index.html]

 

    <style>

      .e-grid .e-headercelldiv {

        height: auto;

        line-height: unset;

      }

    </style>

 

Sample: https://stackblitz.com/edit/angular-qqf1wf-9jgfp1?file=index.html

Please get back to us if you need further assistance with this.

Regards,

Rajapandiyan S