The ng-grid documentation contains default Header Cell Templates (as well as other default templates).
What is the default header cell template for ui-grid?
Per the githubs https://github.com/angular-ui/ui-grid/tree/master/packages/core/src/templates/ui-grid
The current default header cell template is
<div ng-class="{ 'sortable': sortable }">
<!-- <div class="ui-grid-vertical-bar"> </div> -->
<div class="ui-grid-cell-contents" col-index="renderIndex" title="TOOLTIP">
<span>{{ col.displayName CUSTOM_FILTERS }}</span>
<span ui-grid-visible="col.sort.direction" ng-class="{ 'ui-grid-icon-up-dir': col.sort.direction == asc, 'ui-grid-icon-down-dir': col.sort.direction == desc, 'ui-grid-icon-blank': !col.sort.direction }">
</span>
</div>
<div class="ui-grid-column-menu-button" ng-if="grid.options.enableColumnMenus && !col.isRowHeader && col.colDef.enableColumnMenu !== false" ng-click="toggleMenu($event)" ng-class="{'ui-grid-column-menu-button-last-col': isLastCol}">
<i class="ui-grid-icon-angle-down"> </i>
</div>
<div ui-grid-filter></div>
</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