jQuery DataTables是一種強大的JavaScript表格庫,可以輕松地實現排序、搜索、過濾、數據分頁等功能。該庫還具有自適應性和擴展性,可用于各種項目中的數據展示。
下面是一些常見的jQuery DataTables函數:
// 初始化一個簡單的數據表格 $(document).ready(function() { $('#example').DataTable(); } ); // 設置數據表格每頁顯示的記錄數 $('#example').DataTable( { "pageLength": 50 } ); // 開啟數據表格的過濾功能 $('#example').DataTable( { "searching": true } ); // 開啟數據表格的排序功能 $('#example').DataTable( { "ordering": true } ); // 開啟數據表格的分頁功能 $('#example').DataTable( { "paging": true } ); // 設定數據表格的語言(中文) $('#example').DataTable( { "language": { "url": "http://cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Chinese.json" } } ); // 自定義數據表格的列頭 $('#example').DataTable( { "columns": [ { "title": "Name" }, { "title": "Position" }, { "title": "Office" }, { "title": "Age" }, { "title": "Start date" }, { "title": "Salary" } ] } ); // 使用Ajax加載數據 $('#example').DataTable( { "ajax": "data.json" } ); // 添加行數據 var table = $('#example').DataTable(); table.row.add( [ 'John Doe', 'CEO', 'New York', '30', '2010/10/14', '$1,000,000' ] ).draw();
總的來說,jQuery DataTables是一個非常強大的庫,可幫助您輕松地處理數據表格和數據表單,而不是編寫大量的JavaScript代碼。它支持許多不同的功能,如分頁、排序、搜索、過濾、動態加載、行添加和自定義列頭等。