sort icon on none sort

[samir]

i want 50% opacity k-icon ascending order icon while sort is none. I tried to do soo with css, but tag doesn't exist on none order. Is there any way to achieve this in kendo react ? 

[Konstantin Dikov]

Hi Samir,

The sort icon is designed to be rendered only when there is a sort expression applied for the field of the column. If you want to change the rendering of the header you can do this by implementing custom "headerCell" for the columns. I have created a simple example demonstrating how you can add an icon if there are no sort expressions for the column field (the custom header is set only for the first column, but you can re-use it for all columns):

• https://stackblitz.com/edit/react-febfzz-wy1xku?file=app%2Fmain.jsx

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik