要实现可排序表格，需要使用jQuery UI中的sortable方法。首先，在HTML中引入jQuery和jQuery UI的库文件：
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>接下来，我们需要创建一个表格并给它一个唯一的ID：
<table id="sortable">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Gender</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>32</td>
<td>Male</td>
</tr>
<tr>
<td>Jane</td>
<td>27</td>
<td>Female</td>
</tr>
<tr>
<td>Bob</td>
<td>45</td>
<td>Male</td>
</tr>
</tbody>
</table>接下来，我们要使用jQuery UI的sortable方法来使表格可排序。在JavaScript代码中，我们可以这样实现：
$(function() {
$("#sortable tbody").sortable();
});这里的代码将表格的tbody元素设为可排序。现在，我们就可以通过拖动表格中的行来实现排序了。
完整的HTML代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Sortable Table</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<style>
#sortable tbody tr {
cursor: move;
}
</style>
</head>
<body>
<table id="sortable">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Gender</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>32</td>
<td>Male</td>
</tr>
<tr>
<td>Jane</td>
<td>27</td>
<td>Female</td>
</tr>
<tr>
<td>Bob</td>
<td>45</td>
<td>Male</td>
</tr>
</tbody>
</table>
<script>
$(function() {
$("#sortable tbody").sortable();
});
</script>
</body>
</html>