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));, В основном, это занимает td больше после двух первых (для limit = 1) ряда и перемещает их в новый.

Изменить limit = 1 в limit = 9 ограничить до 10 столбцов. Здесь новая созданная таблица вставляется сразу за другой.