如何获取DataTable当前编辑行的绝对索引？仅在最后一行添加行

当然可以实现这个需求！你已经用到了获取总行数的关键方法table.rows().count()，再搭配DataTables提供的行索引获取能力，就能精准判断当前编辑行是否为最后一行，进而触发添加新行的操作。

核心思路 #

1. 获取正在编辑的行的绝对索引：DataTables的row()方法可以定位到目标行，再通过index()方法获取其绝对索引（注意：索引从0开始计数）。
2. 对比判断：将当前行索引与总行数 - 1对比（因为最后一行的索引等于总行数减1），如果相等则执行添加新行的逻辑。

代码示例（分两种常见场景） #

场景1：使用DataTables Editor插件进行编辑

如果你的项目用了官方的Editor插件，可通过Editor的事件监听来实现：

// 假设table是你的DataTables实例，editor是Editor实例
editor.on('postEdit', function(e, json, data) {
    // 获取当前编辑行的绝对索引
    const currentRowIndex = editor.row().index();
    // 获取当前总行数
    const totalRows = table.rows().count();

    // 判断是否为最后一行
    if (currentRowIndex === totalRows - 1) {
        // 触发添加新行操作，这里用Editor的create方法打开新增表单
        editor.create({
            title: '添加新记录',
            buttons: '保存'
        });
        // 如果你不需要弹窗，直接静默添加空行可以用：
        // table.row.add({/* 这里填新行的默认数据 */}).draw();
    }
});

场景2：自定义行编辑逻辑（无Editor插件）

如果是自己实现的行内编辑（比如点击行激活输入框），可以通过行节点来获取索引：

// 假设表格ID为"myDataTable"，编辑状态的行有"editing"类
$('#myDataTable tbody').on('click', 'tr.editing', function() {
    const currentRow = table.row(this);
    const currentRowIndex = currentRow.index();
    const totalRows = table.rows().count();

    // 绑定保存按钮的点击事件（示例）
    $('#save-edit-btn').off('click').on('click', function() {
        // 先完成当前行的保存逻辑（略）
        
        // 判断是否为最后一行，是则添加新行
        if (currentRowIndex === totalRows - 1) {
            table.row.add({
                // 这里填入新行的默认字段数据，比如：
                name: '',
                age: '',
                email: ''
            }).draw();
        }
    });
});

注意事项 #

• row.index()返回的是绝对索引，不受分页、搜索、排序的影响，完全符合你需要的“绝对行号”需求。
• 添加新行后记得调用draw()方法，让DataTables刷新视图显示新行。

内容的提问来源于stack exchange，提问作者Himani