智能表未正确排序

Question

我的列标题未使用智能表正确排序。 它们不是单独排序，而是一起排序。

<thead>
    <tr>
        <th st-sort="field" ng-repeat="field in stat.q">{{field}}</th>
    </tr>
</thead>

这是javascript。

stat.q = ["Who is the coolest?", "What is your favorite color?", "Pick a movie", "Where do you want to go?", "test rating"];   

Answer 1

对于使用重复，您必须在{{field}}周围放置大括号：

<thead>
  <tr>
    <th st-sort="{{field}}" ng-repeat="field in stat.q">{{field}}</th>
  </tr>
</thead>

Answer 2

我想你需要添加<tbody>然后在<tr>元素上使用ng-repeat。

源代码示例如下： http ： //lorenzofox3.github.io/smart-table-website/#section-sort