Can I change the text orientation in an ejGrid header?

[Denis Vulinovich]

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:

http://www.syncfusion.com/forums/95809/set-the-orientation-of-the-text-within-a-column-header

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

[Ragavee U S]

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 () {                   

                $("#Grid").ejGrid({

                    . . .                  

                    columns: [

                             . . .

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

                    ],

                    create: function (args) {

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

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

                        debugger

                    }                   

                });

        })       

    </script>

 

<style>

        .orientationcss .e-headercelldiv {

            transform: rotate(90deg);

        }

    </style>

 

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.

 

Regards

Ragavee U S

[Denis Vulinovich]

That's great, thanks for your help!

[Ragavee U S]

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. 

Regards

Ragavee U S