Wrapping the Header Title of the Grid

Environment

Product

Progress® 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.

css

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

The following example demonstrates the suggested approach.

Change Theme

Theme

Loading ...