Jquery DataTable.js是一個非常強大的插件,它可以將你的靜態HTML表格轉換為交互式表格,允許用戶排序,過濾和搜索數據。它允許你通過ajax從服務器獲取動態數據,支持各種數據源,如json,ajax,XML等。它還有許多自定義選項,例如:自定義搜索框,翻頁控件等。
$("#example").dataTable({ "pagingType": "full_numbers", "ajax": "data.json" });
在上面的代碼中,通過調用$("#example").dataTable()方法來初始化一個數據表。pagingType選項指定翻頁控件的類型,可以是數字頁碼或"previous/next"按鈕。ajax選項指定了數據加載方式,使用了"data.json"文件從服務器獲取。
Jquery DataTable.js提供了許多其他操作,例如:
// 重新加載表格 table.ajax.reload(); // 獲取選中的行 table.$('tr.selected'); // 過濾數據 table.search('your search keyword').draw();
另一個非常有用的功能是自定義數據源。例如,你可以使用ajax從服務器提供數據,如下所示:
$('#example').dataTable( { "ajax": "/your/data/source" });
總之,Jquery DataTable.js是一個非常強大,靈活的插件,為你的表格提供了許多操作和自定義選項,讓你的數據呈現更加友好和易于使用。