Wrapping the Header Title of the Grid

Environment

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.

Copy Code     .k-grid .k-column-title {
        white-space: normal;
      }

The following example demonstrates the suggested approach.