jquery維護10個移動列的表列數到新表

Question

我有一個動態的html表正在打印，需要保持列數爲10以避免截斷。我試圖將列數限制爲10，並將上面的列移動到新表中，然後將新表添加到div（id =「divTtableContainer」）。

我還需要維護所有與TR和TD元素相關的屬性。如果有人可以幫助它，將不勝感激。

示例： 爲了簡單起見，本例中我將列數減至2。

<div id="divTtableContainer"> 
<table id="tblFlowsheet"> 
<tr> 
<td class="header">1</td> 
<td class="header">2</td> 
</tr> 
<tr> 
<td class="Data">1</td> 
<td class="Data">2</td> 
</tr> 
<tr> 
<td class="Data">1</td> 
<td class="Data">2</td> 
</tr> 
</table> 
</div> 

The end result would be as follows 

<div id="divTtableContainer"> 
<table id="tblFlowsheet_2"> 
<tr> 
<td class="header">1</td> 
</tr> 
<tr> 
<td class="Data">1</td> 
</tr> 
<tr> 
<td class="Data">1</td> 
</tr> 
</table> 

<table id="tblFlowsheet_2"> 
<tr> 
<td class="header">2</td> 
</tr> 
<tr> 
<td class="Data">2</td> 
</tr> 
<tr> 
<td class="Data">2</td> 
</tr> 
</table> 
<div> 

Answer 1

這應該給你一個良好的開端：

http://jsfiddle.net/XxqRK/1/

主要的竅門在這裏：.append($('>:gt('+limit+')',this));。基本上，它在行的兩個第一（limit = 1）之後需要更大td並將它們移動到新的一個。

將limit = 1更改爲limit = 9以將其限制爲10列。在這裏，新創建的表格被插入到另一個之後。