angularjs - ソートしたい列をAngulajsのスマートテーブルに渡すにはどうすればよいですか

Question

私は smart-table を使用して、コード内のオブジェクトの配列として構築されたデータの一般的なリストを表示しています。任意の列にソートを適用できるようにしたいのですが、ソートする列名をゲッターに渡すにはどうすればよいですか? 現時点では、ハードコードされた列でのみ並べ替えることができます。

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