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

【问题标题】：ng-repeat table multiple times with each 3 tables in a single lineng-repeat table 多次，每 3 个表在一行中
【发布时间】：2019-08-01 14:36:10
【问题描述】：

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

表 1 |表 2 |表3

表 4 |表 5 | ...

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

【问题讨论】：

【解决方案1】：

只需在父级上使用row 类并重复列。由于您使用的是col-4，Bootstrap 将每 3 列自动换行一次。

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

【讨论】：