Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://docs.dhtmlx.com/suite/grid/api/gridcolumn_properties/gridcolumn_tooltip_property/ below:

Website Navigation

• Previous

  template

• Next

  tooltipTemplate

JavaScript Grid column - tooltip Config

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

tooltip?: boolean | object;

Default value: true

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.

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

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4