可拖动列使用Jquery重新排序

Question

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

<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>
			<th>Name</th>
			<th>Age</th>
			<th>Sex</th>
		</tr>
    </thead>
    <tbody>
        <tr>
			<td>Peter</td>
			<td>22</td>
			<td>Male</td>
		</tr>
		<tr>
			<td>John</td>
			<td>24</td>
			<td>Male</td>
		</tr>
		<tr>
			<td>Jane</td>
			<td>26</td>
			<td>Female</td>
		</tr>
		<tr>
			<td>Ralf</td>
			<td>24</td>
			<td>Male</td>
		</tr>
		<tr>
			<td>Mary</td>
			<td>24</td>
			<td>Female</td>
		</tr>
    </tbody>
</table>

编辑：

我刚刚对行进行了排序，列的排序不知道如何 https://jsfiddle.net/xgagdas4/