Datatables是一款jquery表格插件。它是一個高度靈活的工具,可以將任何HTML表格添加高級的交互功能。 官網地址:https://datatables.net/ 中文說明地址:http://www.datatables.club/ 功能說明 分頁,即時搜索和排序幾乎支持任何數據源:DOM ...
Datatables是一款jquery表格插件。它是一個高度靈活的工具,可以將任何HTML表格添加高級的交互功能。
官網地址:https://datatables.net/
中文說明地址:http://www.datatables.club/
功能說明
分頁,即時搜索和排序
幾乎支持任何數據源:DOM, javascript, Ajax 和 伺服器處理
支持不同主題 DataTables, jQuery UI, Bootstrap, Foundation
各式各樣的擴展: Editor, TableTools, FixedColumns ……
豐富多樣的option和強大的API
支持國際化
超過2900+個單元測試
免費開源 ( MIT license )! 商業支持
更多特性請到官網查看
記錄一下配置項 防止自己忘記
--持續更新(2019年1月11日)
$('#example').dataTable({ paging: true,//是否顯示分頁 bLengthChange: false, //開關,是否顯示每頁顯示多少條數據的下拉框 ordering: false,//是否排序 searching: false,//是否開啟搜索 deferRender: false,//當處理大數據時,延遲渲染數據,有效提高Datatables處理能力 destroy: true,//允許重建 autoWidth: true,//自動寬度 //漢化處理 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": ": 以降序排列此列" } }, });