jQuery Datatable是一個非常流行的Javascript庫,它可以幫助我們輕松地在網頁中創建出強大的表格組件。默認情況下,Datatable在頁面中初始化時,會以10行的方式顯示數據。
$(document).ready(function(){ $('#example').DataTable(); });
以上的代碼片段就是初始化Datatable的方式,其中的例子表格默認會顯示10行。如果你想改變默認行數,可以使用lengthMenu屬性。
$(document).ready(function(){ $('#example').DataTable({ "lengthMenu": [[25, 50, -1], [25, 50, "全部"]] }); });
以上代碼片段中,我們在初始化Datatable時使用了lengthMenu屬性,這一屬性值是一個二維數組,第一個數組代表每一頁可以顯示的行數,第二個數組代表在選擇行數列表中顯示的文字,-1表示顯示全部行數。
如果你想將默認行數設置為一個固定的值,可以使用pageLength屬性。
$(document).ready(function(){ $('#example').DataTable({ "pageLength": 25 }); });
以上代碼片段中,我們將pageLength屬性設置為25,這就表示默認顯示25行數據。
總之,Datatable的默認行數可以通過lengthMenu屬性和pageLength屬性進行修改,你可以根據自己的需求來選擇使用哪種方式。