Tooltip not working properly with DatTables

walterhunk

Hi,

In my datatable, I have mentioned a title for the headings.
When we sort the data table according to a column, then the title for the corresponding column heading should be changed.
For example,
Consider a table with the headings "Name" and "Occupation"
Initially when i hover on the heading "Name", the title is shown as "sort". Then I sort the table in ascending order based on the column "Name". Now when i hover on the column heading "Name" the title should be "desc" (since the column is sorted in ascending order) and viceversa.
The code i have written is usually working fine. But when i include the tooltip, then the titles of the headings are not changing accordingly.

Please find below the link to the scenario.
https://jsfiddle.net/8c8guk03/1/

Please provide a solution so that i can customize the look of the title displayed on hovering over headings.

Thank you.