html - ng-repeat table 多次，每 3 个表在一行中

Question

我想多次重复一个表，每 3 个表在同一行。我正在使用 angularjs 和引导程序。我不确定在使用 ng-repeat 时如何实现这一点。

表 1 | 表 2 | 表3

表 4 | 表 5 | ...

<div  ng-repeat="zone in zones">
 <div class="col-4">   
 <table>
...
</table>
</div>
</div>

标签： htmlangularjsbootstrap-4

Answer 1

只需使用row父类上的类并重复列。Bootstrap 将自动包装每 3 列，因为您使用的是col-4.

<div class="row">
 <div class="col-4" ng-repeat="zone in zones">   
   <table>
    ...
   </table>
  </div>
</div>

演示：https ://www.codeply.com/go/Z3IjLRsJXX