How to change the Orientation of Header text?

Sometimes you may want to change the orientation of column header text.

Solution

The orientation of the header text is changed by using the cssClass API. We can define the custom css class for the column of the header text which is to be rotated by using the cssClass API.

In the cssClass defined, you can set the style to transform the text content in a preferred orientation by using the transform css property.

CSS

JS

MVC

ASP.NET

Refer to the following screenshot.