0

我正在创建一个表格，可以通过拖动列标题对列进行排序。我为此使用可排序的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>
4

1 回答 1

0

不是最迷人的解决方案，但您可以将此代码添加到您的 CSS：

.ui-sortable-placeholder {

    display: none;

}
于 2013-07-15T19:47:40.367 回答