使用 AngularJs 在 ngTable 中自定义排序答案

【问题标题】：Custom sorting in ngTable using AngularJs使用 AngularJs 在 ngTable 中自定义排序
【发布时间】：2016-07-03 18:15:30
【问题描述】：

我期待在 ngtable 中进行自定义排序，但根据http://ng-table.com/#/
用自定义排序替换默认排序算法仍然悬而未决。就我而言，我想根据星期几对数据集进行排序，即从星期一开始到星期日结束。

有什么办法吗？

任何形式的帮助和建议将不胜感激。

【问题讨论】：

标签： angularjs sorting

【解决方案1】：

在您的一天，您可以让一列显示一个属性并实际对另一个属性进行排序。我建议有一个带有 dayName 和 daySort 的对象，其中 dayName 是星期几（“星期一”），而 daySort 是排序顺序 (1)。请参阅下面的工作 CodePen。

http://codepen.io/storytimesolutions/pen/NNdvzO

表格：

<table ng-table="demo.tableParams" show-filter="true" class="table table-bordered table-striped">
      <tr ng-repeat="row in $data track by row.id">
        <td title="'Day of the Week'" filter="{dayName: 'text'}" sortable="'daySort'">{{row.dayName}}</td>
        <td title="'Workout'" filter="{workoutPlan: 'text'}" sortable="'workoutPlan'">{{row.workoutPlan}}</td>
      </tr>
</table>

存根数据：

data: [
        {id: 1, dayName: "Monday", daySort: 1, workoutPlan: "Run"},
        {id: 2, dayName: "Thursday", daySort: 4, workoutPlan: "Swim"},
        {id: 3, dayName: "Friday", daySort: 6, workoutPlan: "Jog"},
        {id: 4, dayName: "Friday", daySort: 6, workoutPlan: "Tennis"},
        {id: 5, dayName: "Saturday", daySort: 7, workoutPlan: "Volleyball"}
      ]

【讨论】：