在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表

回答

相關問題