angularjs - 如何将我希望排序的列传递给 Angulajs 中的智能表

Question

我正在使用智能表来显示在代码中构建为对象数组的通用数据列表。我希望能够对任何列应用排序，如何将列名传递给 getter？目前我只能对硬编码列进行排序。

{{item.displayName}}

{{item.displayName}}

Answer 1

您需要做的就是将 st-sort 与表格正文中的相应名称匹配，请参见下面的示例。单击“年龄”将仅对“年龄”列进行排序。

<table st-table="example" class="table table-striped">
  <thead>
    <tr>
      <th></th>
      <th st-sort="name">Name</th>
      <th st-sort="age">Age</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="example in examples">
      <td cs-select="row"></td>
      <td>{{example.name}}</td>
      <td>{{example.age}}</td>
    </tr>
  </tbody>
</table>