jQuery可排序表列：創建額外列

Question

我正在創建一個表，其中可以通過拖動列標題對列進行排序。 我正在使用jQuery對此進行排序。

這是我作爲一個例子創建的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; 

}