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

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

JavaScript Grid - tooltip Config

• Widgets
• Grid
• Grid API
• Grid properties
• tooltip

Optional. Enables/disables all the tooltips of a column

tooltip?: boolean | object;

Default value: true

Example

const grid = new dhx.Grid("grid_container", {
    columns: [
        // columns config
    ],
    data: dataset,
    tooltip: false
});

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

const grid = new dhx.Grid("grid_container", {
    columns: [
        // columns config
    ],
    data: dataset,
    tooltip: {
       force: true
    }
});

Related samples:

• Grid. Hiding tooltips
• Grid. Tooltip config

Related article: Tooltip

• The ability to set the tooltip config as an object is added in v8.4
• Added in v6.5

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