Create Tooltips for Grid Elements

In AngularJS applications, you can create and show Kendo UI Tooltips for the elements of a Kendo UI Grid.

To achieve this behavior:

1. Define a Kendo UI Tooltip widget around the Grid declaration.
   
2. Together with the Grid settings, define the Tooltip settings in the $scope.
   
3. Prepare a jQuery selector that will match the elements you want and set it to the filter property of the Tooltip.
   

4. Define the content property so it returns the desired information—for example, based on the target element contents, the data-* attributes, or other logic.

See Also

• AngularJS Integration Overview
• Global Events
• Grid Settings
• Directives with DataSource
• ng-* Directives in Widget Markup
• Memory Leaks
• How to Nest Widgets
• Troubleshooting: Common Issues
• Kendo Tooltip Overview
• Kendo Tooltip API