jQuery和DataTables是兩個非常常用的前端庫,它們可以幫助我們快速構建一個漂亮且高效的數據展示頁面。在使用DataTables進行分頁時需要設置分頁參數。
$(document).ready(function(){ $('#table').DataTable({ "pagingType": "full_numbers", // 設置分頁類型 "pageLength": 10, // 設置每頁顯示條數 "lengthMenu": [ 10, 25, 50, 75, 100 ], // 設置每頁顯示條數選項 "order": [[ 0, "asc" ]], // 默認排序方式 "language": { // 自定義語言包 "lengthMenu": "顯示 _MENU_ 條記錄", "zeroRecords": "沒有匹配的記錄", "info": "顯示第 _START_ 到 _END_ 條記錄,共 _TOTAL_ 條記錄", "infoEmpty": "顯示第 0 到 0 條記錄,共 0 條記錄", "infoFiltered": "(從 _MAX_ 條記錄中過濾)", "paginate": { "first": "首頁", "last": "尾頁", "next": "下一頁", "previous": "上一頁" }, "search": "搜索:" } }); });
以上代碼展示了一些常用的分頁參數。例如,pagingType
定義了分頁的類型,可以是數字、簡潔的、全功能的或簡單的。pageLength
可以設置每頁顯示的條數。lengthMenu
是一個數組,可以定義每頁顯示條數選項。同時,我們還可以設置默認的排序方式或自定義語言包。
總之,DataTables非常靈活,可以根據我們的需求進行設置,幫助我們更好地展示數據。