获取datatables表格最后一行数据作为固定行完整代码

以下是获取 DataTables 表格最后一行数据作为固定行的完整代码示例：

// 初始化 DataTables 表格
var table = $('#example').DataTable({
  // 配置选项...
});

// 获取表格最后一行数据
var lastRowData = table.row(':last').data();

// 在表格底部添加固定行
var tfoot = $('<tfoot>').append($('<tr>').append($('<td>').text(lastRowData[0]), $('<td>').text(lastRowData[1]), $('<td>').text(lastRowData[2])));
$('#example').append(tfoot);

其中，`'#example'` 为 DataTables 表格的选择器，你需要根据实际情况修改。代码中的 `lastRowData` 变量即为获取的最后一行数据，`tfoot` 变量则表示要添加的固定行（包含一个 `<tfoot>` 标签和一个 `<tr>` 标签，以及若干个 `<td>` 标签）。你也可以根据表格的列数动态生成 `<td>` 标签，使代码更加灵活。

相关问题

获取datatables表格最后一行数据作为固定行

要获取datatables表格最后一行数据作为固定行，可以使用datatables提供的API来获取表格数据，然后通过一些操作来获取最后一行数据。

示例代码：

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

// 获取表格数据
var data = table.data().toArray();

// 获取最后一行数据
var lastRowData = data[data.length - 1];

// 将最后一行数据插入到固定行中
var fixedRow = table.row.add(lastRowData).draw().node();

// 设置固定行样式
$(fixedRow).addClass('fixed-row');

上述代码中，先通过`table.data().toArray()`获取表格数据，然后通过`data.length - 1`获取最后一行数据。接着使用`table.row.add()`将最后一行数据插入到固定行中，并使用`draw().node()`方法获取固定行节点。最后使用`addClass()`方法添加样式类来设置固定行的样式。

注意：上述代码中的`fixed-row`样式类需要自行定义，用于设置固定行的样式。

datatables表格数据最后一行当作固定行

如果您希望在 DataTables 表格中将最后一行数据固定在表格底部，可以将这一行数据提取出来并将其放到表格底部。您可以使用以下代码实现这一功能：

// 获取表格数据
var tableData = $('#example').DataTable().data().toArray();

// 获取表格列信息
var tableColumns = $('#example').DataTable().settings().init().columns;

// 将最后一行数据添加到表格底部
$('#example').append('<tfoot><tr></tr></tfoot>');
var footerRow = $('#example tfoot tr');

for (var i = 0; i < tableColumns.length; i++) {
    var column = tableColumns[i];
    var columnData = '';
    if (i === tableColumns.length - 1) {
        columnData = '总计'; // 最后一列数据设置为总计
    } else {
        columnData = tableData[tableData.length - 1][i];
    }
    footerRow.append('<td>' + columnData + '</td>');
}

这段代码将表格数据提取为一个数组，并获取表格列信息。然后，它将最后一行数据添加到表格底部，并将最后一行数据中的每个单元格添加到表格底部的总计行中。最后一列数据设置为“总计”，以便将其与其他数据区分开来。

请注意，这段代码需要在 DataTables 表格初始化之后运行。如果您需要在表格重新绘制时更新表格底部的总计行，请考虑使用 DataTables 的回调函数。