jQuery로 테이블의 일부 복사하기

Question

데이터가있는 큰 테이블이 있습니다.

테이블에 헤더가 있습니다.

<thead>에서 </thead>까지 해당 테이블의 헤더를 동일한 문서 내의 다른 섹션으로 정확하게 복사해야합니다. 어떻게해야합니까?

<table id="myTbl"> 
<thead> 
<tr> 
    <th></th> 
    ... 
</tr> 
</thead> 
<tbody> 
... 
</tbody> 
</table> 

Answer 1

.clone()으로 요소를 복사 할 수 있습니다.

.append()에 대한 설명에서와 같이 일반적으로 요소가 인 DOM에 삽입되면 이전 위치에서 이동합니다.

$('.hello').appendTo('.goodbye'); 

이 결과 DOM 구조가 다음과 같습니다 : 그래서, 코드 주어진

:

<div class="container"> 
    <div class="goodbye"> 
    Goodbye 
    <div class="hello">Hello</div> 
    </div> 
</div> 

이 요소의 복사본을 생성하는 대신이 문제를 방지하려면를, 다음을 쓸 수

$('.hello').clone().appendTo('.goodbye'); 

Answer 2

.clone 및 prependTo을 사용하여 시도하십시오.

$('#myTbl thead').clone().prependTo('<Destination Table>'); 

Answer 3

이것은 ID tbl1와 테이블에서 헤더를 복사 이토가 ID 여기 tbl2

var copy=$("#tbl1").find('th').clone(); 
    $("#tbl2").prepend(copy); 

샘플 http://jsfiddle.net/hmrNN/7/