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

Environment

ProductProgress® Kendo UI for Angular Grid

Description

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

Solution

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.

Example
View Source
Change Theme:

In this article

Not finding the help you need?