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

Question

我正在用 angular 智能迭代 table 像这样：

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

然后我在下面调用了其他 table 没有 ng-repeat 属性，但是我看到所有的列都没有很好地呈现它和标签的宽度似乎与下面的不同，任何人都知道为什么？

Answer 1

您不应该在 table header 中调用 ng-repeat，header 是您放置 object 的位置属性名字按照你希望它们显示的顺序排列

<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]" 的方式迭代 object 属性，但您将无法控制属性的顺序。

just iterate over plain table rows。

此外，请确保在 colspan <td> 属性中使用适当的单元格宽度

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

ng-repeat + smart table don't render properly

angularjs

smart-table