jQuery DataTables是一個免費的開源插件,潔凈、易于使用,可為HTML表格添加高級的交互特效和排序功能。
本文將著重介紹jQuery DataTables中排序查詢的功能。
$(document).ready(function() {
$('#dataTable').DataTable({
"order": [[ 0, "asc" ]]
});
});
如上述代碼所示,order
是設置表格排序的參數,它是一個數組;每一個數組元素都表示一個需要排序的列,其中第一個元素標示的是默認排列的列, 第二個參數指定排序的方向,可選值為"asc"
(升序)和"desc"
(降序)。
在默認情況下, DataTables將以第一列為優先排序列的方式進行初始化。
如果需要對多列進行排序,可以添加更多的排序規則,如下面的示例代碼所示:
$(document).ready(function() {
$('#dataTable').DataTable({
"order": [[ 0, "asc" ], [ 1, "desc" ]]
});
});
如上述代碼所示,第一個元素表示首選排序,第二個元素為次選排序。
總之,jQuery DataTables提供了強大的排序功能,可以為您的HTML表格增加更多的動態交互性。