JQuery中DataTables強大的表格解決方案

標籤：表格   searching   參數   nat   排序   指定   jquer   匹配   自動   

(1)DataTables的預設配置$(function(){$("#workbench_topicTable").dataTable();})(2)DataTables的基礎配置$("#workbench_topicTable").DataTable({bPaginate: true, //翻頁功能bLengthChange: true, //改變每頁顯示資料數量bFilter: true, //過濾功能bSort: false, //排序功能bInfo: true,//頁尾資訊bAutoWidth: true//自動寬度bProcessing : true,//指定當正在處理資料的時候，是否顯示“正在處理”這個提示資訊bServerSide : true,//是否從服務端擷取資料aLengthMenu : [ 10, 20, 40, 60 ], // 動態指定分頁後每頁顯示的記錄數。searching : false,// 禁用搜尋lengthChange : true, // 是否啟用改變每頁顯示多少條資料的控制項deferRender : true,// 延遲渲染stateSave: true,//開啟狀態記錄，datatabls會記錄當前在第幾頁，可顯示的列等datables參數資訊iDisplayLength : 20, // 預設每頁顯示多少條記錄iDisplayStart : 0,ordering : false,// 全域禁用排序autoWidth: true,scrollX: false,scrollY :false,scrollY : false,colReorder: true,//列位置的拖動destroy : true, //Cannot reinitialise DataTable,解決重新載入表格內容問題language ：{{sProcessing: "處理中...",sLengthMenu: "顯示 _MENU_ 項結果",sZeroRecords: "沒有匹配結果",sInfo: "顯示第 _START_ 至 _END_ 項結果，共 _TOTAL_ 項",sInfoEmpty: "顯示第 0 至 0 項結果，共 0 項",sInfoFiltered: "(由 _MAX_ 項結果過濾)",sInfoPostFix: "",sSearch: "搜尋:",sUrl: "",sEmptyTable: "表中資料為空白",sLoadingRecords: "載入中...",sInfoThousands: ",",oPaginate: {sFirst: "首頁",sPrevious: "上頁",sNext: "下頁",sLast: "末頁"},oAria: {sSortAscending: ": 以升序排列此列",sSortDescending: ": 以降序排列此列"}}}}) 

JQuery中DataTables強大的表格解決方案