Jquery保持表列计数为10，将列移动到新表

我有一个正在打印的动态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>

1.
2.
1.
2.
1.
2.
最终结果如下
1.
1.
1.
2.
2.
2.

这会给你一个好的开始：

这里的主要技巧是：

.append（$（'>:gt（'+limit+'），this））。基本上，它在该行的两个第一个（对于
limit=1
）之后取较大的
td
，并将其移动到新的一个

将
limit=1
更改为
limit=9
以限制为10列。在这里，新创建的表正好在另一个表之后插入
 您可以在JSFIDLE中添加一些代码吗。要理解你对当前问题的具体要求有点困难。谢谢@我告诉你的老板这不是一种待人的方式！