Javascript 如何使用ng table将特定行(基于列值)始终放在表的底部?

Javascript 如何使用ng table将特定行(基于列值)始终放在表的底部?,javascript,angularjs,ngtable,angularjs-ng-table,Javascript,Angularjs,Ngtable,Angularjs Ng Table,我不熟悉AngularJs和ng table,我尝试使用sortable属性对ng table进行排序,但我有一行具有最终结果,在这里如何使用sortable而不影响特定行 <table ng-table="tableParams" ng-model="Controller.data" class="table" show-filter="true"> <tr ng-if="entry.task_name!='Totals'" ng-class="{info: $even

我不熟悉
AngularJs
ng table
,我尝试使用sortable属性对
ng table
进行排序,但我有一行具有最终结果,在这里如何使用sortable而不影响特定行

<table ng-table="tableParams" ng-model="Controller.data" class="table" show-filter="true">
   <tr ng-if="entry.task_name!='Totals'" ng-class="{info: $even, active: $odd}" ng-repeat="entry in $data">
     <td  data-title="'Task Name'" sortable="'taskName'" filter="{ 'taskName': 'text' }"><div ng-show="entry.taskName!=false">{{entry.taskName}}</div></td>
     <td  data-title="'Planned Hours'" sortable="'plannedHours'">{{entry.plannedHours}}</td>
     <td></td>
   </tr>
   <tr ng-if="entry.task_name ==='Totals'" ng-class="{info: $even, active: $odd}" ng-repeat="entry in $data">
     <td  data-title="'Task Name'" >{{entry.taskName}}</td>
     <td  data-title="'Planned Hours'">{{entry.plannedHours}}</td>
     <td></td>
   </tr>
   <tr>
     <td ng-show="repCtrl.noData" ng-bind="repCtrl.noData"></td>
   </tr>
</table>

{{entry.taskName}
{{entry.plannedHours}
{{entry.taskName}
{{entry.plannedHours}

是否尝试将此行放入
中?


{{entry.taskName}
{{entry.plannedHours}
{{entry.taskName}
{{entry.plannedHours}
$scope.myFilter=函数(项){
return item.taskName!=“总计”;
};
我的plnkr具有不同的数据,但按照您的预期工作:

<table ng-table="tableParams" ng-model="Controller.data" class="table" show-filter="true">
  <tbody>
    <tr ng-class="{info: $even, active: $odd}" ng-repeat="entry in $data | filter: myFilter">
      <td data-title="'Task Name'" sortable="'taskName'" filter="{ 'taskName': 'text' }">
        <div ng-show="entry.taskName!=false">{{entry.taskName}}</div>
      </td>
      <td data-title="'Planned Hours'" sortable="'plannedHours'">{{entry.plannedHours}}</td>
      <td></td>
    </tr>
    <tr>
      <td ng-show="repCtrl.noData" ng-bind="repCtrl.noData"></td>
    </tr>
  </tbody>
  <tfoot>
    <tr ng-repeat="entry in $data | filter: {taskName:'Totals'}">
      <td>{{entry.taskName}}</td>
      <td>{{entry.plannedHours}}</td>
      <td></td>
    </tr>
  </tfoot>
</table>
<script>
   $scope.myFilter = function (item) { 
        return item.taskName !== 'Totals'; 
    };
</script>