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.
.k-grid .k-grid-header th {
white-space: normal;
}
The following example demonstrates the suggested approach.