使用Datatable获取行数据

Datatable是一个功能丰富的JavaScript数据表格库，用于在Web应用程序中显示和操作大量数据。本文将介绍如何使用Datatable从表中获取行数据。

步骤

1. 初始化Datatable

在使用Datatable获取行数据之前，需要先将表格初始化为Datatable。这可以通过以下代码实现：

$(document).ready(function() {
    $('#example').DataTable();
});

其中，'#example'是表格的ID。

2. 获取选中行数据

要获取选中行的数据，可以使用以下代码：

var table = $('#example').DataTable();
 
$('#example tbody').on('click', 'tr', function () {
    if ($(this).hasClass('selected')) {
        $(this).removeClass('selected');
    }
    else {
        table.$('tr.selected').removeClass('selected');
        $(this).addClass('selected');
    }
});
 
$('#button').click( function () {
    var data = table.row('.selected').data();
    alert( data[0] +"'s last name is: "+ data[1]);
});

此代码将为当用户单击表格行时将其标记为选定状态，然后在单击按钮时获取选中行的数据并将其存储在变量"data"中。

3. 获取所有行数据

要获取表中所有行的数据，可以使用以下代码：

var table = $('#example').DataTable();
var data = table
    .rows()
    .data()
    .toArray();

此代码将获取所有行的数据，并将其存储在变量"data"中。

结论

使用Datatable获取行数据是一个很简单的过程，只需几行代码即可完成。但是，有关Datatable的更多功能和用法将需要更深入的了解。