列标题ui-grid angularjs的工具提示属性

Question

我正在使用cellTooltipcolDef的属性，但这似乎不起作用。

$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>'},
];

任何帮助，将不胜感激。

Answer 1

您可以简单地通过添加headerTooltip: 'Custom header string'列定义将工具提示添加到列标题。

https://github.com/angular-ui/ui-grid/issues/3118

Answer 2

对于 ui-grid 中的标题工具提示，有headerCellTemplate可用的属性。这对我有用。

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>'