Grid Column Sort icons should have tooltip

[ashutosh]

Hi Team,

 

How can we add tooltip to the sort icon of the grid column header.

 

thanks

[Nikolay]

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");

• https://dojo.telerik.com/ORAYEKiC

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")
            })
          })
        }

• https://dojo.telerik.com/emUVaHuy

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik