Question

我正在创建一个表，可以通过拖动列标题对列进行排序。我正在使用jQuery对此进行排序。

这是我创建的一个例子：http://jsfiddle.net/jAXCc/43/

有效！但是当你开始向右拖动第一列时，其他列会移出表格！这就像是一个额外的专栏。

任何人都有这种行为的解决方案吗？

HTML CODE：

<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;

}

jQuery可排序表列：创建额外列

1 个答案: