在AngularJS中使用rowspan表

我想插入一个有两列的表，其中第一列包含多行，第二列应包含单行。为了达到这个目的，我写了下面的代码。在AngularJS中使用rowspan表

<tr ng-repeat="x in data"> 
    <td><a href="#">{{ x.no }}</a></td> 
    <td ng-if="this.rowIndex === 0" rowspan='{{x.length}}'> ok </td> 
</tr>

其中data是包含单个属性（名为no）的JSON对象数组。使用this.rowIndex在这里是正确的，或者我在这里犯了错误。

来源

2017-03-17 Satya Narayana

你必须从ng-repeat指令中使用的变量$index （请参阅documentation）。此外，您还读取了x对象的长度;我相信你打算这样做的data变量。

您可以在此codepen中查看结果。

来源

2017-03-17 08:43:51 SinDeus

你不能把tr放入td中。要做到这一点的一种方法是添加新的表内的TD

<tr ng-repeat="x in data"> 
    <td> 
    <table> 
     <tr> 
     <td> 
     </td> 
     </tr> 
    </table> 
    </td> 
    <td ng-if="this.rowIndex === 0" rowspan='{{x.length}}'> ok </td> 
</tr>

也可以使用rawspan和colspan，使这项工作

样品Demo

来源

2017-03-17 07:59:06

在我的代码中，我只保留tr中的所有td。 –

你为什么要用'this.rowIndex'。你需要获得指数 –

月 $ 50 月

月	储蓄

没有角度我们创建一个这样的表，所以当它的行索引大于0时，我们不应该重复td。所以我使用这个。 –

在AngularJS中使用rowspan表

回答

相关问题