排序列角「數據表」

我創建的表排序列角「數據表」

<table class="table table-striped table-bordered table-hover" width="100%" datatable="ng" dt-options="options"> 
<thead> 
<tr> 
    <th> Nannie ID</th> 
    <th> Name</th> 
    <th> Last name</th> 
    <th> Email</th> 
</tr> 
</thead> 
<tbody> 
<tr class="" ng-repeat='item in items'> 
    <td><a ui-sref="admin.nanniesEdit({id:item.id})">id{{item.id}}</a></td> 
    <td>{{item.profile.name}}</td> 
    <td>{{item.lastname}}</td> 
    <td>{{item.profile.email}}</td> 
</tr> 
</tbody>

表載有第一列的順序：

NannieID 
id1 
id10  
id12  
id13  
id2 
id3 
id5

我要得到正確的順序爲每次點擊重新排序，當第一次加載。預期結果：

NannieID 
id1 
id2 
id3 
id5 
id10  
id12  
id13

我加入這個代碼，但它僅在表中加載的幫助下，點擊重新排序列後，我得到了錯誤的順序

$scope.options = DTOptionsBuilder.newOptions().withOption('aaSorting', [[5, 'asc']])

請幫我

來源

2017-02-24 Likn Markn

變化切換aaSorting到order。您的代碼將如下所示：

$scope.options = DTOptionsBuilder.newOptions().withOption('order', [[5, 'asc']])

來源

2017-09-05 14:50:22 rafaelncarvalho

您可以使用javascript函數重新排序對象數組sort

$scope.asc = false; 
$scope.reorder = function(direction){ 
    items.sort(function(a, b) { 
     return a.id - b.id; 
    }); 
    if(asc){ 
     items.reverse(); 
     asc = false; 
    } 
}

並添加與ng-click按鈕調用reorder

<button ng-click="$scope.reorder()">Reorder</button>

每次按Reorder按鈕時，您的列表將會從Asc Order和Desc Order

來源

2017-02-24 15:11:25 driconmax

排序列角「數據表」

回答

相關問題