Is there a way to wrap column headers in a grid?

[John]

 If the column header text is too wide to fit into the column width, the header text is truncated with an ellipse.

How can I have the header text wrap to a second line?

Like this:

Middle
 Initial 
    S

Instead of this:

M...
 S

[Dineshnarasimman Muthu]

Hi John,

Greetings from Syncfusion Support.

After reviewing your query, we understand that you need to wrap the grid column header. This requirement can be achieved by setting wrapMode as Both in the textWrapSettings property. We have already documented this topic in our ug documentation, and we have attached the documentation link and a sample for your reference.

Documentation: https://helpej2.syncfusion.com/javascript/documentation/grid/cell/auto-wrap

Sample: https://stackblitz.com/edit/hbeqqs-qr3v1v?file=index.js,index.html

Please let us know if you need any further assistance.

Regards,

Dineshnarasimman M