Jquery DataTable是一個輕量級的Javascript表格插件。它可以幫助我們輕松的對表格進行排序、搜索、分頁等操作。在開發過程中,我們經常需要對表格的某些行進行選中操作,這時我們可以使用DataTable提供的選中行功能。
使用DataTable選中行非常簡單,只需要一行代碼即可實現:
$('#table').on('click', 'tbody tr', function () { $(this).toggleClass('selected'); });
以上代碼監聽了表格
元素下的所有除了使用click事件以外,DataTable還提供了其他事件,如dblclick、select、deselect等事件來監聽行的選中和取消選中。
在選中行之后,我們可能會需要獲得選中行的數據。可以使用DataTable的rows()和data()方法來獲得選中行的數據:
// 獲得所有被選中的行的數據 var data = table.rows('.selected').data(); // 獲得第一行被選中的數據 var data = table.row('.selected:first').data();
以上代碼中,table為DataTable實例化后的對象。
總之,使用jQuery DataTable選中行非常方便,可以大大提高表格操作的便利性。