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 개의 열로 제한하십시오. 여기서 새로 만든 테이블이 다른 테이블 바로 뒤에 삽입됩니다.