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.