sort icon on none sort

1 Answer 220 Views
Grid Sortable
samir
Top achievements
Rank 1
samir asked on 30 Dec 2022, 03:51 AM
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 ? 

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 30 Dec 2022, 12:51 PM

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):

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Grid Sortable
Asked by
samir
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Share this question
or