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

Question

我不会在 ui-grid 的 header 单元格中使用角度 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
  }
 ]
}

header单元格模板：

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

在每个 header 单元格中放置工具提示描述的正确方法是什么？

Answer 1

每个单元格 col.colDef 属性 可以访问字段、显示名称、工具提示描述等所有属性