Skip to main content

tooltip

Optional. Enables/disables the header tooltip, or sets the configuration object with the tooltip settings

Usage​

tooltip?: boolean | object;

Default value: true

Parameters​

When set as an object, the tooltip config can have the following properties:

  • force - (optional) forces opening of a tooltip; if set to true, the showDelay and hideDelay settings are ignored, false by default
  • showDelay - (optional) the time period that should pass before showing a tooltip, in ms
  • hideDelay - (optional) the time period that should pass before hiding a tooltip, in ms
  • margin - (optional) the margin between the node and tooltip; 8px by default
  • position - (optional) the position of a tooltip: "right", "bottom", "center", "left", "top"; "bottom" by default
  • css - (optional) the style of a tooltip box

The tooltip config can be redefined for the header/footer tooltip.

Example​

const grid = new dhx.Grid("grid_container", {
    columns: [
        { id: "country", header: [{ text: "Country" }], tooltip: true }, 
        // more columns configuration objects
    ],
    tooltip: false,
    // more options 
});

Related article: Column and spans tooltips