How do I get rid of dupe sort icon when default sort column is defined on grid data source

[Michael]

In the UI for ASP.NET MVC build 2023.1.425 build we are seeing an odd behavior where there is a duplicate sort icon on the column that we have set as the initial sort in the grid datasource definition section (ref 1st screenshot).  In comparing the generated HTML for the UI for ASP.NET MVC and UI for ASP.NET CORE  (both 2023.1.425) where both have the same grid datasource initial sort set there is a variance between the HTML generated/shown for the header column in that an extra "k-icon-sort" span tag is being added (ref and compare 2nd and 3rd screenshots).  The grid datasource default sort column is defined as ".Sort(x => x.Add("EmployeeName").Ascending())" and the grid Sortable configuration is defined as ".Sortable(s => s.SortMode(GridSortMode.SingleColumn))" in either of our ASP.NET MVC or ASP.NET CORE projects so that is not a variance and both use the the "classic-silver.css" theme so that too is not a difference so my only thought is that the generation of HTML or applying of style classes on sort action (via some kendo-xxx.js file?) is the difference and the reason why the MVC version shows the dupe icon but not the CORE version.

 

[Eyup]

Hi Michael,

 

Thank you for writing to us.

Yes, we are aware of this issue with the MVC Grid and it has already been fixed but the fix will come public after the next release.

Until now, you can fix it with this CSS rule:

<style>
.k-cell-inner > .k-link > .k-link > .k-sort-icon{
    display: none;
}
</style>  

Excuse us for the inconvenience this has caused you.

 

Regards,
Eyup
Progress Telerik

[Michael]

Note that it may also be necessary to add the following CSS rule for the k-sort-order attribute (for multi-column sorting configurations) :

<style>

.k-cell-inner > .k-link > .k-link > .k-sort-order {
    display: none;
}

</style>