在實際的開發(fā)中，經(jīng)常會用到表格的展示和操作，而 jQuery DataTable 是一個靈活、強大的數(shù)據(jù)表格工具。其中的行選中功能是一個很常用的功能，接下來我們來看一下如何實現(xiàn)行選中。

首先，在 jQuery DataTable 的初始化中，需要開啟行選中的功能。可以通過設(shè)置

select:

字段來開啟行選中，如下：

$('#example').DataTable({
select: true
});

其中 '#example' 是表格的 id，可以根據(jù)實際情況而定。

接下來，在表格中加入復(fù)選框以及監(jiān)聽行選中的事件：

$('#example').on('select', function (e, dt, type, indexes) {
var rowData = dt.rows( indexes ).data().toArray();
});

其中的

'select'

就是監(jiān)聽行選中事件的類型，

dt

是 DataTable 實例對象，

indexes

是選中的行的索引。我們可以通過

dt.rows( indexes ).data().toArray();

來獲取選中行的數(shù)據(jù)，進行后續(xù)的操作。

除了上述方法，還可以通過自定義的方式來實現(xiàn)行選中。具體步驟是：

1

在表格中添加需要手動操作的 class，如：

<tr class="selected">

$('#table tbody').on('click', 'tr', function () {
$(this).toggleClass('selected');
});

其中

$('#table tbody')

是指針對表格中的 tbody 進行監(jiān)聽。

以上就是 jQuery DataTable 行選中的實現(xiàn)方式。通過設(shè)置 select 字段或自定義實現(xiàn)，我們可以在數(shù)據(jù)表格開發(fā)中輕松實現(xiàn)行選中功能。