Header orientation in stacked column

[Jessica Goodrich]

Hi,

I followed these instructions to change the orientation of my headers that are in a stacked column.

The orientation changed, but the header didn't get longer in order to fit the word. How do I do this for a stacked header?

I attached an example of it happening.

Attachment: SyncfusionHelp_1bd9f8b5.7z

[Praveenkumar Gajendiran]

Hi Jessica ,

Thanks for contacting Syncfusion support.

Based on your query you have an issue with header didn't get longer in order to fit the word in Grid. So, we have provided a workaround for your requirement.

We suggest you to set the height style to resolve your reported problem as demonstrated in the below code snippet and we have also shared the sample  for your reference.

Code Snippet: 

<style type="text/css"> 

    .orientationcss .e-headercelldiv { 

        transform: rotate(90deg); 

    } 

    .e-grid .e-headercell { 

        height: 140px; 

    } 

</style> 

If you also want to set the orientation for Stacked Header, please use the below css. 

<style type="text/css"> 

       

.orientationcss .e-headercelldiv, 

.orientationcss .e-stackedheadercelldiv { 

        transform: rotate(90deg); 

    } 

    .e-grid .e-headercell { 

        height: 140px; 

    } 

</style> 

Screenshot:


Sample: https://www.syncfusion.com/downloads/support/directtrac/158918/ze/NETCOR~11678361152.zip 

 

Please get back to us if you need further assistance.

Regards,
Praveenkumar G