Load Content on Demand

This demo illustrates how to create and populate a hint programmatically on the client side using our client-side functionality. A hint with the detailed information displays on the left of the cell when the user clicks any cell in the "Details" column.

The Register function is used to register a hint functionality for each cell in the specified column, and its first argument is a target element selector - '[data-visibleindex]'. It specifies that a hint displays for grid cells that have the "data-visibleindex" attribute. The onShowing client event is used to to provide the custom-generated content that is stored in the e.contentElement event argument. The position and triggerAction function's arguments specify the position of a hint and the action that triggers it.