中文无码人妻在线一区不卡,性都花花世界另类小说区,免费一级e一片在线播放

jquery DataTable 漢化以及其他實(shí)用配置

2021-7-7 前端達(dá)人

一、將 DataTable 設(shè)置成中文

<script> $('#datatable').DataTable({

   language: { "sProcessing": "處理中...", "sLengthMenu": "顯示 _MENU_ 項(xiàng)結(jié)果", "sZeroRecords": "沒(méi)有匹配結(jié)果", "sInfo": "顯示第 _START_ 至 _END_ 項(xiàng)結(jié)果，共 _TOTAL_ 項(xiàng)", "sInfoEmpty": "顯示第 0 至 0 項(xiàng)結(jié)果，共 0 項(xiàng)", "sInfoFiltered": "(由 _MAX_ 項(xiàng)結(jié)果過(guò)濾)", "sInfoPostFix": "", "sSearch": "搜索:", "sUrl": "", "sEmptyTable": "表中數(shù)據(jù)為空", "sLoadingRecords": "載入中...", "sInfoThousands": ",", "oPaginate": { "sFirst": "首頁(yè)", "sPrevious": "上頁(yè)", "sNext": "下頁(yè)", "sLast": "末頁(yè)" }, "oAria": { "sSortAscending": ": 以升序排列此列", "sSortDescending": ": 以降序排列此列" }
   }
});
}); </script>

二、設(shè)置列寬度

<script>
$('#datatable').DataTable({

"columnDefs": [
{
render: function (data, type, full, meta) {
return "<div style='white-space:nowrap;float:right'>" + data + "</div>";
},
targets: [2,3,4,5,6]
},
],

});

</script>

三、修改表格數(shù)據(jù)后，靜態(tài)刷新表格數(shù)據(jù)不跳轉(zhuǎn)

dataTable.ajax.reload(null, false);

// 重載所有接口數(shù)據(jù)，返回到第一頁(yè)
dataTable.ajax.reload();

相關(guān) API

ajax.reload( callback, resetPaging )

里面有二個(gè)參數(shù)：
callback ：當(dāng)服務(wù)器返回?cái)?shù)據(jù)并重繪完畢時(shí)執(zhí)行此回調(diào)方法，回調(diào)方法返回的是服務(wù)器返回的數(shù)據(jù)
resetPaging：重置（默認(rèn)或者設(shè)置為true）或者保持分頁(yè)信息（設(shè)置為false）

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。