jQuery Datatables是一種功能強大的JavaScript庫,用于在HTML頁面上創建交互式表格。 它允許在幾秒鐘內將大量數據(服務器端或客戶端)呈現為可瀏覽的、可排序的、可搜索的、可過濾的表格。
在Datatables中,顯示數據的表格是分頁顯示的。 通常,每個頁面顯示10個或20個記錄;并且在數據量很大時,可以使用分頁技術將數據分成多個頁面,這樣用戶就可以瀏覽不同的頁面。
在使用Datatables時,可以通過以下代碼設置頁面的記錄數量:
$('#example-table').dataTable({ "iDisplayLength": 10 });
上面的代碼將表格分成10條記錄的頁面。 如果想將每頁記錄的數量改為20,可以將10替換為20。 另外,Datatables還提供了其他分頁選項,例如:
$('#example-table').dataTable({ "paging": true, "pageLength": 20, "lengthChange": false });
上面的代碼中,“paging”選項啟用分頁, “pageLength”選項設置每頁的記錄數量,而“lengthChange”選項禁用分頁長度更改。
如果想獲取當前頁面的頁碼,可以使用以下代碼:
var table = $('#example-table').DataTable(); var currentPage = table.page() + 1; alert('當前頁碼:' + currentPage);
上述代碼中,“page()”方法返回當前顯示頁面的頁面索引,因此需要將結果添加1,以使頁碼從1開始計數。
總之,Datatables具有靈活性和可配置性,可幫助創建漂亮、友好的表格和分頁,并提供許多選項來定制表格和分頁行為。