New to Kendo UI for Angular? Start a free 30-day trial


ProductProgress® Kendo UI for Angular Grid


How can I wrap the text inside the column header of the Grid when there isn't enough space to display the full title?


To wrap the column header title, set white-space: normal; to the table header element of the Grid.

     .k-grid .k-grid-header th {
        white-space: normal;

The following example demonstrates the suggested approach.

View Source
Change Theme:

In this article

Not finding the help you need?