All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:
Hi Team,
How can we add tooltip to the sort icon of the grid column header.
thanks
Hello Ashutosh,
If you wish to implement the Kendo UI Tooltip you can use the following:
var tooltip = $("th").kendoTooltip({ filter: ".k-i-sort-asc-sm, .k-i-sort-desc-sm", position: "right", content: "Sort" }).data("kendoTooltip");
If you wish to use the HTML tooltip you need to append "title" attribute to the sort icon:
sort: function(e) { var headers = Array.from($("th")) headers.forEach(function(el) { setTimeout(function() { $(el).find("a.k-link>.k-icon").prop("title", "Sort") }) }) }
Let me know if you have any questions.
Regards, Nikolay Progress Telerik