Layui表格单元格编辑如何设置只读不可修改-Layui教程-PHP中文网

layui表格所有单元格默认只读，必须显式配置列的edit属性（如edit: 'text'）才可编辑；未配置edit时，绑定click/dblclick事件或监听cell事件均无法触发编辑。

列配置不加 `edit` 就是默认只读

layui 表格所有单元格天生只读，根本不需要额外“禁用”——只要列定义里没写 edit: 'text' 这类字段，双击或单击都不会弹出输入框。很多人踩坑是因为误以为绑了 table.on('cell()') 就能编辑，其实那只是监听点击事件，和编辑能力完全无关。

常见错误现象：点了半天没反应、console 也没报错、数据就是改不了。

检查列配置是否漏写了 edit 属性（比如写成 editor 或拼错）
确认没在 templet 里手动渲染 input，否则 edit 会被忽略
别在 done 回调里用 jQuery 去设 contentEditable="false"，这是多余且干扰 layui 内部状态的

`table.on('edit()')` 里 return false 不等于禁用编辑

这个事件是编辑**已触发后**的回调，不是拦截器。你在这里 return false 只会阻止后续逻辑（比如保存），但 input 已经渲染出来了，用户照样能输、能删、能失焦提交——数据甚至会进 table.cache，只是你没处理而已。

真正想让某列/某行不可编辑，必须从源头控制：

静态场景：列配置直接不写 edit
动态场景：在 done 回调里用 $('tr[data-index="0"] td[data-field="status"]').data('edit', false)
条件判断：比如 if (item.status === 'done') { ... } 再设 data('edit', false)

移动端单击进编辑？先关掉 `event: 'click'` 配置

如果你在列里写了 event: 'click'，桌面端和移动端都会变成单击激活编辑——但很多安卓 WebView 和 iOS Safari 对 click 有 300ms 延迟或误判为文字选中，结果点一下没反应，用户以为卡了。

更稳的做法是保持默认双击（event 不配），然后确保页面 <meta name="viewport"> 没禁用缩放，否则 click 事件本身就不准。

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

如果真要适配移动端，别硬切 click，而是用 layui.device() 判断后动态设置列配置：

var isMobile = layui.device().mobile;
var cols = [[
  {field: 'name', title: '姓名', edit: isMobile ? 'text' : null, event: isMobile ? 'click' : null}
]];