Как передать столбец, который я хочу сортировать по смарт-таблице в Angulajs

Question

Я использую смарт-таблицу для отображения общих списков данных, созданных в виде массива объектов в коде. Я хочу, чтобы иметь возможность применять сортировку по любому из столбцов, как передать имя столбца для сортировки на геттер? На данный момент я могу сортировать только по жестко закодированному столбцу.

{{}} 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>