table.updateRow 更新某个表格
时间: 2023-12-15 20:07:17 浏览: 32
`table.updateRow` 是 layui 表格组件中更新表格行数据的方法,可以通过该方法更新某个表格中的指定行数据。
以下是一个示例代码,仅供参考:
```javascript
// 获取表格对象
var table = layui.table;
// 定义表格数据
var data = [
{id: 1, name: '张三', age: 20},
{id: 2, name: '李四', age: 22},
{id: 3, name: '王五', age: 24}
];
// 渲染表格
table.render({
elem: '#demo',
data: data,
cols: [[
{field: 'id', title: 'ID'},
{field: 'name', title: '姓名'},
{field: 'age', title: '年龄'}
]]
});
// 更新表格数据
var rowIndex = 1; // 要更新的行的索引
var newData = {id: 2, name: '李四', age: 23}; // 新数据
table.updateRow('demo', rowIndex, newData);
```
在上面的示例代码中,我们首先定义了一个表格数据,然后使用 `table.render` 方法渲染表格。最后,使用 `table.updateRow` 方法更新表格中的指定行数据,其中第一个参数是表格的 ID 或唯一标识符,第二个参数是要更新的行的索引,第三个参数是新数据。