UI-GRID 的默认标题单元格模板是什么? [英] What is Default Header Cell Template of UI-GRID?

问题描述

ng-grid 文档 包含默认的标题单元格模板(如以及其他默认模板).

ui-grid 的默认标题单元格模板是什么?

解决方案

Per the githubshttps://github.com/angular-ui/ui-grid/tree/master/packages/core/src/templates/ui-grid

当前默认的标题单元格模板是

<!-- <div class="ui-grid-vertical-bar">&nbsp;</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 }">&nbsp;</span>
<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">&nbsp;</i>

<div ui-grid-filter></div>

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">&nbsp;</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 }">
      &nbsp;
    </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">&nbsp;</i>
  </div>

  <div ui-grid-filter></div>
</div>

这篇关于UI-GRID 的默认标题单元格模板是什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！