This demo illustrates how to use Hint extension instead of standard tooltips. A hint with the full text displays when the mouse pointer hovers over grid cells that contain truncated values and display an ellipsis ('...'). These cells are also automatically highlighted. Resize any column to see these features.
In this demo, the .dx-ellipsis[title] style class applies to highlight cells with the ellipsis. The Hint's TargetSelector property (whose value is set to .dxgv) specifies that a hint displays for grid cells with the specified style class applied. A web page element's title attribute value defines a hint's content.
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxDockAndPopupsDemos