Jquery DataTables 是一個強大的 jQuery 插件,用于創建交互式表格。它可以輕松地對表格進行排序、過濾、分頁等操作,允許用戶快速查找需要的數據。
使用 DataTables 在頁面中顯示數據十分簡單,只需要一行代碼即可。例如以下代碼會將具有 class 為 table 的表格轉換為 DataTables 表格:
$(document).ready(function() { $('.table').DataTable(); });
上述代碼只是最基本的使用方法,更多功能還需要用到行操作。下面將介紹一些 DataTables 行相關的用法。
獲取選中行的數據
// 獲取選中行的數據 var data = $('.table').DataTable().rows('.selected').data(); // 遍歷行數據 $.each(data, function(index, row) { console.log(row); });
更新指定行數據
// 更新指定行數據 var row = $('.table').DataTable().row(index); row.data({name: '新名稱', age: 20}).draw();
刪除指定行
// 刪除指定行 $('.table').DataTable().row(index).remove().draw();
替換表格中所有 a 標簽的 href 屬性為新地址
// 替換表格中所有 a 標簽的 href 屬性為新地址 $('.table').DataTable().$('a').attr('href', 'http://www.example.com');
以上是 DataTables 行相關的一些用法,通過行操作,我們可以方便地修改、刪除、獲取表格中的數據,實現更多復雜的交互功能。