Menu
I am using cellTooltip property of colDef but that does not seems to be working.
$scope.gridOptions.columnDefs = [{ displayName: 'Test', field: '_test',
cellTooltip: function (row, col) { return row.entity._Number },
cellTemplate: '<div class="ui-grid-cell-contents" title="{{row.entity._Number}}"></div>'},
];
Any help would be appreciated.
852
You can add a tooltip to the column header simply by adding headerTooltip: 'Custom header string' in the column definition. Save this answer.
When we want to display a header tooltip, we set the headerTooltip config as a string , and that string will be displayed as the tooltip. However, when working with custom tooltips we set colDef. tooltipComponent to assign the column's tooltip component and the headerTooltip value will passed to the params object.
Default Browser Tooltip If you don't want to use the grid's tooltip component, you can use the enableBrowserTooltips config to use the browser's default tooltip. The grid will simply set an element's title attribute to display the tooltip.
UI-Grid 3.0 (formerly ng-grid) is a 100% Angular grid written with no dependencies other than AngularJS. It is designed around a core grid module and features are layered as Angular modules and Directives. This keeps the core; small and focused, while executing very complex features only when you need them.
You can add a tooltip to the column header simply by adding headerTooltip: 'Custom header string' in the column definition.
https://github.com/angular-ui/ui-grid/issues/3118
112
For header tooltip in ui-grid there is headerCellTemplate property available. This worked for me.
headerCellTemplate: '<div class="ui-grid-cell-contents ui-grid-header-cell-primary-focus"><span class="ui-grid-header-cell-label ng-binding" title="Test">Test</span></div>'
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With