How add a custom class for header text

[SturmA]

 

I want to rotate the header text to 90 degree.

<style>
    .rotate-text {
        float: left;
        line-height: 0.7;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin: 0;
        padding: 0;
    }
</style>

columns.Bound(c => c.Number).ClientHeaderTemplate("<div class='' >#=???#</div>");

 

How can i access the original header text inside of the template ?

 

[Georgi Denchev]

Hello, Arthur

Thank you for providing a code snippet.

If I may suggest a slight touch-up, we could use HeaderHtmlAttributes instead of ClientHeaderTemplate.

Then we can directly apply the class to the particular column header.

columns.Bound(c => c.Number).HeaderHtmlAttributes(new { @class = "rotate-text" });

If this suggestion does not resolve your problem, please let me know.

 

Regards,
Georgi Denchev
Progress Telerik