初次使用bootstrap+datatable

最近維護系統，系統使用的UI框架是bootstrap+datatable,這裏主要記錄一下各屬性的設置效果：

var dtChannel = $('#dtChannel1').dataTable({
"sPaginationType": "bootstrap",  ///引用bootstrap
"bServerSide": true, ///延遲加載 
"bFilter": false, ///是否啓用客戶端過濾功能
"bPaginate": true, ///顯示使用分液器
"bLengthChange": true,  ///是否能夠修改頁面顯示行數
"aLengthMenu": [10, 20, 50], ///設置可選的顯示行數
"iDisplayLength": 20,  ///默認顯示20行
"oLanguage": {
"sLengthMenu": "每頁顯示 _MENU_ 條記錄", ///設置顯示語言 默認英文
"sInfo": "當前顯示 _START_ 到 _END_ 條，共 _TOTAL_ 條記錄", ///設置顯示語言 默認英文
"sZeroRecords": "對不起，查詢不到相關數據！", ///設置顯示語言 默認英文
},
"bSort": false, ///是否可排序
"sAjaxSource": apiHost + "/ChannelData/GetFirstChannelList", ///加載的數據源調用接口
"bProcessing": false, 
"bStateSave": false,
"fnServerParams": function (aoData) {
BlockUI.startPageLoading();
dtParams.Data(aoData, {

　　///調取接口的參數傳遞
});
return aoData; ///返回的參數
},
"aoColumns": [
{ "mData": "FirstChannelId" },
 ///這裏設置返回的集合與html裏的列對應
}
],
"fnDrawCallback": function () {

BlockUI.stopPageLoading();

///最後結束加載數據。
}
});