layui数据表格可编辑控制

layui数据表格可编辑控制

根据数据表格行的某个状态值来判断是否可编辑表格

---

借鉴 https://blog.csdn.net/weixin_43380792/article/details/103959182

用layui数据表格里的行点击触发事件进行修改状态控制，在JS中初始化和渲染表格不需要添加edit：‘text’

    table.on('row(' + 你的表格ID + ')', function(obj){
    if(obj.data.判断字段 '){
        $(".layui-table").find('td').data('edit', true)
    }else{
        $(".layui-table").find('td').data('edit', false)
    }
    });

若想对表格数据进行修改，使用layui官方文档中的
table.on(‘edit()’, function(obj){}即可。

---

2020.12.7发现如果表格存在复选框，亦或者是序号这种列不支持修改的情况下，修改成某列不能编辑的状态既可

$(".layui-table").find('td[data-field="0"]').data('edit', false);

data-field根据你要改的列来控制即可，data-field可在开发者工具中找到…