点击删除删除layui表格的这行数据
时间: 2024-05-01 20:17:42 浏览: 85
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()` 方法重新加载表格,使得表格中的数据与最新的数据数组一致。
阅读全文