可拖动列与Jquery重新排序

我不知道是否可以创建一个列，当我拖动它们时重新排序。我知道有可拖动框架，但需要这样做，只使用JavaScript，jQuery或jQueryUI，而不使用其他外部框架。请有人帮助我吗？可拖动列与Jquery重新排序

<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table class="table table-condensed" id="myTable"> 
 
    <thead> 
 
     <tr> 
 
\t \t \t <th>Name</th> 
 
\t \t \t <th>Age</th> 
 
\t \t \t <th>Sex</th> 
 
\t \t </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr> 
 
\t \t \t <td>Peter</td> 
 
\t \t \t <td>22</td> 
 
\t \t \t <td>Male</td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>John</td> 
 
\t \t \t <td>24</td> 
 
\t \t \t <td>Male</td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Jane</td> 
 
\t \t \t <td>26</td> 
 
\t \t \t <td>Female</td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Ralf</td> 
 
\t \t \t <td>24</td> 
 
\t \t \t <td>Male</td> 
 
\t \t </tr> 
 
\t \t <tr> 
 
\t \t \t <td>Mary</td> 
 
\t \t \t <td>24</td> 
 
\t \t \t <td>Female</td> 
 
\t \t </tr> 
 
    </tbody> 
 
</table>

编辑：

我只是做了该行的排序，列的顺序不知道如何 https://jsfiddle.net/xgagdas4/

来源

2016-09-16 GustavoZafra

正如你必须知道这是可能使用jQuery UI的可排序...你尝试过什么到目前为止？ –

@RakeshGR你好，我只是使用排序方法jQueryUI做了排序，但ordanção列没有得到。 – GustavoZafra

提供了代码 –

您可以使用jQuery UI的排序

jquery ui sortable

$('tbody').sortable({ 
    items: ">tr", 
    appendTo: "parent", 
    opacity: 1, 
    containment: "document", 
    placeholder: "placeholder-style", 
    cursor: "move", 
    delay: 150, 
});

example jsfiddle

来源

2016-09-16 13:41:19

在这种情况下，代码如何？请原谅我的无知：/但我不知道如何做到这一点 – GustavoZafra

我已经添加了一些jsfiddle例子，我找到并编辑了一下，请参阅编辑 –

Hi @Sebastian Krysiak我需要重新排列列而不是行：/我发现没有使用可排序方法重排列的例子 – GustavoZafra

可拖动列与Jquery重新排序

回答

相关问题