jQuery Sortable Table Columns : 추가 열 만들기

Question

열 머리글을 드래그하여 열을 정렬 할 수있는 테이블을 만들고 있습니다. jQuery sortable을 사용하고 있습니다.

저는 여기에 예제로 만든 jsfiddle는 다음과 같습니다 http://jsfiddle.net/jAXCc/43/

의미가 있습니다! 그러나 첫 번째 열을 오른쪽으로 드래그하기 시작하면 다른 열이 테이블 밖으로 이동합니다! 그것은 여분의 칼럼을 만드는 것 같아요.

아무도이 동작에 대한 해결책이 있습니까?

HTML 코드 :

<div style='display:table;'> 
    <div id="sortable" class="Row"> 
     <span id="col1" class="Column">Name</span> 
     <span id="col2" class="Column">Age</span> 
     <span id="col3" class="Column">City of Birth</span> 
    </div> 
    <div id="row1" class="Row"> 
     <span id="row1col1" class="data">Pete</span> 
     <span id="row1col2" class="data">48</span> 
     <span id="row1col3" class="data">New York</span> 
    </div> 
    <div id="row2" class="Row"> 
     <span id="row2col1" class="data">Sarah</span> 
     <span id="row2col2" class="data">43</span> 
     <span id="row2col3" class="data">Moscow</span> 
    </div> 
</div> 

Answer 1

하지 가장 매력적인 솔루션,하지만 당신은 당신의 CSS에이 코드를 추가 할 수 있습니다

.ui-sortable-placeholder { 

    display: none; 

}