How to include icon in the header of the table and the icon should have tooltip

Webix JS
#1

i need to include the icon in the header for the datatable for below snippet and the icon should have the tooltip
snippet:https://snippet.webix.com/ulclrbk1

#2

Hi Rajkumar,
Please refer below code:
https://snippet.webix.com/rg8v1b4n

Is this is what you are expecting?

#3

no @ganeshkp I need the icon in the place of # in the snippet (in the header of the dataTable)

#4

@Dzmitry @intregal could you check this issue once

#5 
(function(){
  const _tooltip = webix.ui({view:"tooltip",dx:20,dy:0});
  let _moveTimeout;
  webix.event(document, "mousemove", e => {
    clearTimeout(_moveTimeout);
    _tooltip.hide();
    if(e.target.title || e.target.$title) {
      const data = {value:e.target.title || e.target.$title}, pos = webix.html.pos(e);
      if(e.target.title){
        e.target.$title = e.target.title;
        e.target.removeAttribute("title");//to prevent native title behaviour
      }
      _tooltip.define({template:"{obj.value}", css:""})
      _moveTimeout = webix.delay(_tooltip.show, _tooltip, [data, pos], webix.TooltipControl.delay);
    }
  }, {capture: true});
}());

https://snippet.webix.com/gmq1xn2z

#6

@integral In given snippet i could not find any icon in the header section of the datatable (i need a default icon to be displayed in the place of # with tooltip)

#7

https://snippet.webix.com/9avytamo

#8

Hi @rajkumar,

You can use the webix_tooltip attribute along with the default tooltip logic.
More can be read here.

https://snippet.webix.com/8xipdml7