Search code examples
angularjsangular-ui-bootstrapui-grid

How to put tooltip description in each header cell ui-grid

i wont to use angulars bootstrap tooltip in header cell of ui-grid 

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

what is the right way to put tooltip description in each header cell?

Solution

  • Each cell has col.colDef property with access to all properties like field, displayName, tooltipDescription etc.