今天我們來學習如何使用jquery.datatable這個插件來實現數據的字段排序，具體實現過程如下： 首先，我們需要在html文件中引入jquery和datatable的相關js文件：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

然后，在我們需要用到datatable的地方，添加一個table標簽，并給它一個id：

<table id="example">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>28</td>
<td>5000</td>
</tr>
<tr>
<td>Sarah</td>
<td>25</td>
<td>6000</td>
</tr>
</tbody>
</table>

接下來，在我們的js文件中，我們需要實例化datatable：

$(document).ready(function() {
$('#example').DataTable();
} );

現在，我們的表格已經被datatable所掌控了。接下來，讓我們嘗試一下如何使用datatable來實現字段排序吧！ 首先，我們需要在html文件中添加一個class為“sortable”的標記，來標識出哪些字段可以被排序：

<thead>
<tr>
<th class="sortable">Name</th>
<th class="sortable">Age</th>
<th class="sortable">Salary</th>
</tr>
</thead>

然后，在js文件中，我們需要給datatable傳遞一個參數，讓它能夠識別哪些字段是可排序的，以及按照何種方式來排序。在這里，我將默認按照第一列的升序排序來演示：

$(document).ready(function() {
$('#example').DataTable( {
"order": [[ 0, "asc" ]],
"columnDefs": [
{ "orderable": false, "targets": 'no-sort' },
{ "sortable": true, "targets": 'sortable' }
]
} );
} );

注意到在“columnDefs”中，我們還添加了另一個選項“no-sort”，這表示哪些字段不可以進行排序。 到這里，我們的datatable已經能夠實現字段排序了。非常簡單。希望這篇文章對大家有所幫助！