We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Can I change the text orientation in an ejGrid header?

I've found this post that shows how to change the orientation of the header text (say to 90 degrees) in a WPF data grid:


But is it possible to do the same thing in a JavaScript ejGrid?

3 Replies

RU Ragavee U S Syncfusion Team October 31, 2014 10:48 AM UTC

Hi Denis Vulinovich


Thanks for using Syncfusion Products.


We are glad to let you know that we can achieve your requirement using workaround though we don’t have inbuilt support for “changing orientation of headercell”.


Please refer the below code snippet.


<script type="text/javascript">  

        $(function () {                   


                    . . .                  

                    columns: [

                             . . .

                            { field: "ShipCity", headerText: 'Ship City', cssClass: "orientationcss" }


                    create: function (args) {

                        var textWidth = $(".orientationcss > div").outerWidth();

                        $(".e-headercell").css("height", textWidth);








        .orientationcss .e-headercelldiv {

            transform: rotate(90deg);




We have also created a sample for your reference with the above workaround and it can be downloaded from the below location.


Sample Link: http://www.syncfusion.com/downloads/support/directtrac/general/JS_12.2_Sample-1369618315.zip


Please try the above sample and get back to us if you need any further assistance.



Ragavee U S

DV Denis Vulinovich October 31, 2014 09:18 PM UTC

That's great, thanks for your help!

RU Ragavee U S Syncfusion Team November 3, 2014 06:07 AM UTC

Hi Denis

Thanks for the update.  

If you have any queries in the future, please get back to us. We will be happy to assist you. 

Please let us know if you would require any further assistance. 


Ragavee U S

Live Chat Icon For mobile
Up arrow icon