如何將想要排序的列傳遞給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>