Question

我使用以下内容来为我的网格实现自定义列标题：

<div role="columnheader">
  <table class="table-header-rotated">
    <theader>
      <tr>
        <th class="op-table-group-heading rotate-45">
          <div class="op-table-group-heading-title rotated-container"
               ng-class="{inclined : col.headerCellClass}">
            <span>{{col.headerCellClass}}</span>
          </div>
        </th>
      </tr>
      <tr>
        <th class="op-table-asset-heading rotate-45">
          <div class="rotated-container colt{{col.uid}}">
            <span>{{col.displayName}}</span>
          </div>
        </th>
      </tr>
    </theader>
  </table>
</div>

但是，单击此标题不会触发对排序的任何更改。维基中的一篇（可能过时的）文章建议使用col.sort()来执行此操作。但是，执行此操作会因v2.sort is not a function而失败。

我已经查看了ui-grid 3中当前默认头模板的源代码。但是，我在其中找不到会触发sort事件的ng-click，所以我只能假设它们是绑定的他们的点击听众就是其他人。

如何在自定义模板中启用排序？

Answer 1

好吧，所以在解析原始模板后，似乎单击标题时触发排序所需的一个关键组件是ui-grid-cell-contents类。因此，可用于排序的最小标头模板只是<div class="ui-grid-cell-contents"></div>

ui-grid：在自定义标题模板

1 个答案: