ng-repeat + smart table无法正确呈现

时间:2015-11-19 11:11:50

标签: angularjs smart-table

我正在使用这样的角度迭代智能表:

<tr>
    <th></th>
    <th ng-repeat="title in productColumnsTitle" class="text-center" st-sort="{{title.name}}">{{title.title}}</th>
    <th></th>
</tr>

然后我在下面的其他表中调用了没有ng-repeat属性,但是我看到所有列都没有很好地渲染,看起来这个和标签的宽度与下面的不同,有谁知道为什么?

1 个答案:

答案 0 :(得分:0)

您不应该在表格标题中调用ng-repeat,标题是您按照您希望它们显示的顺序将对象属性名称放置的位置

<thead>
  <tr>
     <th st-sort="firstName">first name</th>
     <th>last name</th>
     <th>birth date</th>
     <th>balance</th>
     <th>email</th>
  </tr>
</thead>

您可以使用ng-repeat="(key, value) in data[0]"等技术迭代对象属性,但您无法控制属性的顺序。

just iterate over plain table rows

另外,请确保在colspan <td>属性中使用适当数量的单元格宽度