datatable中最后一行data数据当作固定行展示在页面

如果您想将 DataTables 表格中的最后一行数据固定在表格底部并展示在页面上，可以使用以下代码：

$(document).ready(function() {
    var table = $('#example').DataTable({
        "drawCallback": function () {
            // 获取表格数据
            var tableData = this.api().data();

            // 获取表格列信息
            var tableColumns = this.api().columns().settings()[0].aoColumns;

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

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

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

这段代码将 `drawCallback` 回调函数添加到 DataTables 初始化选项中。在该函数中，它首先获取表格数据和列信息。然后，它获取最后一行数据并将其添加到表格底部。最后一列数据设置为“总计”，以便将其与其他数据区分开来。

请注意，这段代码只会在表格重新绘制时运行 `drawCallback` 函数。如果您需要在表格数据发生更改时更新表格底部的总计行，请考虑使用 DataTables 的其他回调函数。