Available in the Full Version

Data Grid - Tooltips

This sample is designed for a larger screen size.

On mobile, try rotating your screen, view full size, or email to another device.

The main purpose of grid tooltips is to make the entire cell content visible and also to enable the user to select and copy the text that is inside the tooltip container. By default tooltips are displayed when the user hovers the mouse pointer over igGrid cell and the underlying data overflows its container. In order to be compatible for touch devices is added a new tooltip style called “popover”. If the popover style is activated it shows on a click or tap and the popover displays on the bottom of the cell. In the sample the tooltips for columns "First Name" and "Last Name" are disabled through the column settings and the tooltips for the rest of the columns are always visible.

Code View

Copy to Clipboard