jquery datatable帶參數(shù)是一種常用的數(shù)據(jù)顯示方式。它可以通過(guò)參數(shù)來(lái)篩選、搜索、排序、分頁(yè)等操作,使得數(shù)據(jù)的顯示更加靈活,用戶(hù)體驗(yàn)更加良好。
常見(jiàn)的參數(shù)包括:
"searching": true, // 是否顯示搜索功能 "ordering": true, // 是否支持排序功能 "paging": true, // 是否支持分頁(yè)功能 "info": true, // 是否顯示記錄總數(shù)信息 "lengthMenu": [10, 20, 50], // 每頁(yè)顯示記錄數(shù)選項(xiàng) "language": { // 自定義語(yǔ)言包 "search": "搜索:", "lengthMenu": "顯示 _MENU_ 條記錄", "info": "共 _TOTAL_ 條記錄", "paginate": { "first": "首頁(yè)", "last": "尾頁(yè)", "next": "下一頁(yè)", "previous": "上一頁(yè)" } }
使用這些參數(shù)可以方便地定制數(shù)據(jù)表格的顯示效果。例如,可以將每頁(yè)顯示記錄數(shù)設(shè)置為20條,開(kāi)啟搜索功能并將語(yǔ)言包改為中文:
$('#example').DataTable({ "lengthMenu": [20], "searching": true, "language": { "search": "搜索:", "lengthMenu": "顯示 _MENU_ 條記錄", "info": "共 _TOTAL_ 條記錄", "paginate": { "first": "首頁(yè)", "last": "尾頁(yè)", "next": "下一頁(yè)", "previous": "上一頁(yè)" } } });
除了上述參數(shù)外,還可以通過(guò)ajax選項(xiàng)來(lái)實(shí)現(xiàn)服務(wù)器端分頁(yè)、搜索等功能。具體操作可參考官方文檔。
總之,jquery datatable帶參數(shù)是一種非常方便的數(shù)據(jù)顯示方式,它能夠滿(mǎn)足各種數(shù)據(jù)顯示需求,使得頁(yè)面的交互更加友好、流暢。