如何在每个标题单元格ui-grid中放置工具提示描述

Question

我不会在ui-grid的标题单元格中使用angulars bootstrap工具提示

$scope.gridOptions = {
 //some settings
 columnDefs: [
  {
   field: someId,
   displayName: 'Name',
   headerCellTemplate: 'linkToTemplate' //default headerCellTemplate with uib-tooltip={{tooltipDescription}},
   tooltipDescription: 'Tooltip description' //it's not working
  }
 ]
}

headerCellTemplate：

<div role="columnheader">
....
    <span class="ui-grid-header-cell-label">
    {{col.displayName}}
    </span>
    <span class="icon" uib-toolotp='{{col.tooltipDescription}}' tooltip-placement='right'></span>//it's not working
....
</div>

在每个标题单元格中放置工具提示说明的正确方法是什么？

Answer 1

每个单元格都有col.colDef属性，可以访问所有属性，如field，displayName，tooltipDescription等。