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>