How to remove the Sorting indicator from the column headers in Angular Grid

[blackbolt]

If you use multicolumn-sorting in a grid, there will be an indicator - number which displays which column is sorted first, then second etc. - in the column header if you sort by more than one column. 

How can I remove that indicator from the column headers? 

[Prasanna Kumar Viswanathan]

Hi Thomas, 

 

Greetings from syncfusion support. 

 

Query#: How can I remove that indicator from the column headers? 

 

You can remove the column indicator by using css properties. Please refer the below code example for more information. 

 

Index.html 

 

If you want to remove the arrow indicator in column header, please refer the below css to achieve you requirement. 

 

<style> 

     .e-grid .e-sortfilterdiv { 

      display: none; 

    } 

</style> 

 

If you want to remove the number in column header, please refer the below css to achieve you requirement. 

 

<style> 

    .e-grid .e-sortnumber { 

      display: none; 

    }  

  </style> 

 

Regards, 

Prasanna Kumar N.S.V