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;

}