Sorting arrow of grid displayed on the left instead of the right.

I have a syncfusion grid.
The grid is as follows:


What I want to do is to display the arrow on the left of the header label instead of the right.

Any idea of how to do this please?

3 Replies

HJ Hariharan J V Syncfusion Team May 14, 2019 12:26 PM UTC

Hi Alis, 
  
Thanks for contacting Syncfusion support. 
  
You can achieve your requirement by using custom CSS. Please find the below snippet. 
  
  .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv 
            float: right; 
            margin: -15px -14px;     //calculate as per your column width 
        } 
  
If you have faced any issue while using this css, Please get back to us with the Grid code. That will help us to provide a better solution as soon as possible 
  
  
Regards, 
Hariharan 



AL Alis May 16, 2019 04:37 AM UTC

Hello Hariharan ,

It works. Thank you for the help.

Regards,
Alis


HJ Hariharan J V Syncfusion Team May 17, 2019 05:27 AM UTC

Hi Alis,

Thanks for your update.

We are happy to hear that your problem has been resolved.

Regards,
Hariharan

Loader.
Up arrow icon