layui 表格中删除一行数据

在 layui 表格中，删除一行数据可以通过以下步骤实现：

1. 获取表格实例对象：

var table = layui.table;

2. 监听删除按钮的点击事件，获取当前行的数据：

table.on('tool(tableId)', function(obj){
  var data = obj.data; // 获取当前行的数据
  // 如果点击的是删除按钮
  if(obj.event === 'delete'){
    // 进行删除操作
  }
});

3. 调用表格实例对象的 deleteRow 方法，删除当前行数据：

table.deleteRow(data.index); // 删除当前行数据

完整代码示例：

var table = layui.table;

// 监听删除按钮的点击事件
table.on('tool(tableId)', function(obj){
  var data = obj.data; // 获取当前行的数据
  // 如果点击的是删除按钮
  if(obj.event === 'delete'){
    // 删除当前行数据
    table.deleteRow(data.index);
  }
});

其中，tableId 是指定表格的 id，data.index 是当前行的索引。

相关问题

Layui表格行 删除操作页面数据

要在Layui表格中删除行，需要在表格配置中设置一个事件，这个事件将在用户点击删除按钮时触发。在这个事件中，需要获取被删除的行数据，并将其从数据源中删除。然后，需要调用表格的reload方法来重新加载数据，以更新表格中的行。

下面是一个示例代码，展示如何在Layui表格中添加删除行的功能：

// 定义表格数据源
var data = [
    { name: '张三', age: 20 },
    { name: '李四', age: 22 },
    { name: '王五', age: 25 }
];

// 定义表格配置
var tableConfig = {
    elem: '#table',
    cols: [[
        { field: 'name', title: '姓名' },
        { field: 'age', title: '年龄' },
        { title: '操作', toolbar: '#toolbar' }
    ]],
    data: data,
    // 设置事件，用于删除行
    done: function(res, curr, count) {
        $('#table').next().find('.layui-btn-danger').on('click', function() {
            var index = $(this).parents('tr').eq(0).attr('data-index');
            data.splice(index, 1);
            table.reload();
        });
    }
};

// 初始化表格
var table = layui.table;
table.render(tableConfig);

在上面的代码中，我们首先定义了一个数据源data，包含了三个对象。然后，我们定义了一个表格配置tableConfig，其中设置了表格的列信息、数据源以及一个done事件。

在done事件中，我们使用jQuery来设置一个点击事件，用于删除行。当用户点击删除按钮时，我们首先获取被删除行的索引index，然后使用splice方法将其从数据源中删除。最后，调用表格的reload方法来重新加载数据，以更新表格中的行。

点击删除删除layui表格的这行数据

您可以尝试以下代码来删除layui表格中的某一行数据：

// 获取当前行的索引
var index = $(this).parents('tr').attr('data-index');

// 删除数据并重载表格
tableData.splice(index, 1);
table.reload('tableId', {
  data: tableData
});

其中，`tableData` 是当前表格的数据，`tableId` 是当前表格的 ID。当您点击某一行数据对应的删除按钮时，可以通过 `$(this)` 获取到该按钮，然后通过 `parents('tr')` 获取到该行数据所在的 `tr` 元素，最后通过 `.attr('data-index')` 获取该行数据在表格中的索引。

在获取到索引之后，就可以使用 `splice()` 方法从数据数组中删除该行数据，并使用 `reload()` 方法重新加载表格，使得表格中的数据与最新的数据数组一致。