角度ng重复表并排交替

Question

我是Angular的新手，并且有一个页面在表格元素上使用ng-repeat，根据需要执行重复，示例如下所示：

我想要的是交替每一张桌子并排，然后继续下面的一行：

任何建议都会很棒......

Answer 1

您可以使用bootstrap创建此结构。这与angularjs无关 您可以像这样构建您的页面

<div class="row">

  <div class="col-md-6 pull-left" ng-repeat="x in tables">
     <table>
       <thead>
       <th>Table#{{$index}}</th>
       </thead>
       <tbody>
       <tr ng-repeat="r in rows">
         your td here...
       </tr>
       </tbody>

     </table>
  </div>
 </div>

希望你现在知道如何填充这个结构

Answer 2

定位的部分更多是引导而不是角度。

每个页面分为12列。您应该选择每个表所需的适当数量的列。

对于左半部分，div类将为col-md-6.下次使用col-md-6时，它将自动进入页面的右半部分。

您可以在此处详细了解：Bootstrap layout and positioning