css clarification in syncfusion control

[KINS]

I need the below help for syncfusion control

1.How to add Grid Header title (not column header)as vertical that means grid header tile as vertical orientation in left side of grid.

2.How to set background color of placeholder.

[Joshna Lingala Uthama Reddy Lingala]

Hi KINS, 

 

Greetings from Syncfusion. 

 

Query 1: How to add Grid Header title (not column header) as vertical that means grid header tile as vertical orientation in left side of grid 

 

We suggest you to apply the below styles in your application to achieve this requirement. 

 

 

<style>   

    .e-grid .e-columnheader .e-headercell {                              /*Set height for header row*/   

        height: 110px;   

    }   

    .e-grid .e-columnheader .e-headercelldiv {                                 /*Rotate all column headertext*/   

        transform: rotate(90deg);   

    }  

</style>   

 

 

Please refer the screenshot reference and sample. 

 

 

 

 

Sample:https://www.syncfusion.com/downloads/support/directtrac/general/ze/ServerApp-1009360729 

 

Query 2: How to set background color of placeholder. 

 

Could you please share the component details for which the background color of place holder to be set to validate further at our end.  

 

Kindly try with the above sample and get back to us if you need further assistance 

 

Regards, 

Joshna L