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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Can I change the text orientation in an ejGrid header?

Thread ID:

Created:

Updated:

Platform:

Replies:

117502 Oct 30,2014 11:44 PM UTC Nov 3,2014 06:07 AM UTC JavaScript 3
loading
Tags: ejGrid
Denis Vulinovich
Asked On October 30, 2014 11:44 PM UTC

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 [Syncfusion]
Replied On 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 () {                   

                $("#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
Replied On October 31, 2014 09:18 PM UTC

That's great, thanks for your help!

Ragavee U S [Syncfusion]
Replied On 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. 

Regards

Ragavee U S


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;