Essential Grid don’t have in-built support to show tooltip on grid cell content but we can render the tooltip for the grid cells using the queryCellInfo and dataBound events.
It involves the following steps
In the below let us see how to use the Bootstrap tooltip for the grid content.
Include the following CSS and JS files to work with Bootstrap tooltip
1. Initialize the grid with queryCellInfo and dataBound client side events.
2. Add the DOM manipulation required, if any, on td cells in the queryCellInfo event. The QueryCellInfo is the suitable event to perform the cell based actions.
3. Render the tooltip in the dataBound event. The DataBound event is the convenient event to render the tooltip since it triggered after the grid content is ready or appended to the body.
The output will be as follows.
|Article ID:||Published Date:||Last Revised Date:||Platform:||Control:|