@slickgrid-universal/custom-tooltip-plugin

Custom Tooltip (plugin)

@slickgrid-universal/custom-tooltip-plugin

A plugin to add Custom Tooltip when hovering a cell, it subscribes to the cell onMouseEnter and onMouseLeave events. The customTooltip is defined in the Column Definition OR Grid Options (the first found will have priority over the second) To specify a tooltip when hovering a cell, extend the column definition like so:

Available plugin options (same options are available in both column definition and/or grid options)

Register the plugin

In order to use the Service, you will need to register it in your grid options via the registerExternalResources as shown in the Example 2 below.

Example 1 - via Column Definition

this.columnDefinitions = [
  {
    id: "action", name: "Action", field: "action", formatter: fakeButtonFormatter,
    customTooltip: {
      formatter: tooltipTaskFormatter,
      // ...
    }
  }
];

OR Example 2 - via Grid Options (for all columns), NOTE: the column definition tooltip options will win over the options defined in the grid options

import { SlickCustomTooltip } from '@slickgrid-universal/custom-tooltip-plugin';

export class MyExample {
  initializeGrid {
    this.gridOptions = {
      customTooltip: {
        formatter: tooltipTaskFormatter,
        // ...
      },
      registerExternalResources: [new SlickCustomTooltip(), this.excelExportService],
    };
  }
}

Internal Dependencies

• @slickgrid-universal/common

External Dependencies

• DOM Purify to sanitize HTML text

Installation

Follow the instruction provided in the main README

Changelog

0.19.0 (2021-10-28)

Bug Fixes

• frozen: calling setPinning with empty object/null should clear it (48b11f7)

• style: remove unnecessary css source map (4e6fc08)

• styling: cleanup CSS files to ship smaller bundle (69b18bf)

• tree: Grid State should have Tree Data initial sort (b24ce40)

• tree: use previous state when refreshing dataset afterward (0982474)

Features

• plugin: add row move shadown item while moving/dragging row (c665ec8)

• plugin: create new Custom Tooltip plugin (4c8c4f6)