layui表格可编辑

根据引用[1]，Layui表格提供了可编辑的功能。你可以通过以下步骤实现：

1. 引入Layui和Layui表格的相关文件。

<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>

2. 在HTML中创建一个表格，并为其添加一个id。

<table id="demo" lay-filter="test"></table>

3. 在JavaScript中配置表格，并开启编辑功能。

layui.use('table', function(){
  var table = layui.table;
  
  // 表格配置
  table.render({
    elem: '#demo',
    url: '/demo/table/user/',
    cols: [[
      {field:'id', title:'ID', width:80},
      {field:'username', title:'用户名', width:120},
      {field:'email', title:'邮箱', width:150},
      {field:'sex', title:'性别', width:80, sort:true},
      {field:'city', title:'城市', width:100},
      {field:'sign', title:'签名', width:200},
      {field:'experience', title:'积分', width:80, sort:true},
      {field:'score', title:'评分', width:80, sort:true},
      {field:'classify', title:'职业', width:100},
      {field:'wealth', title:'财富', width:135, sort:true},
      {fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
    ]],
    page: true,
    // 开启编辑功能
    edit: true
  });
});

4. 在HTML中添加一个工具条，并为其添加一个id。

<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

5. 在JavaScript中监听表格的编辑事件，并处理编辑后的数据。

layui.use('table', function(){
  var table = layui.table;
  
  // 监听表格编辑事件
  table.on('edit(test)', function(obj){
    var value = obj.value; // 得到修改后的值
    var data = obj.data; // 得到所在行所有键值
    var field = obj.field; // 得到字段
    // 处理编辑后的数据
    // ...
  });
});