Layui表格原生不支持rowDouble事件直接触发编辑，必须通过列配置edit: 'text'与editTrigger: 'dblclick'组合实现双击编辑，且需避免templet冲突、pointer-events干扰及移动端兼容性问题。

layui table 原生不支持 rowDouble 编辑模式

直接写 table.on('rowdouble(id)', ...) 或在 render() 配置里加 rowdouble 事件，不会触发编辑——layui 表格没有内置「双击整行进入编辑」的机制。它只提供 row（单击行）、tool（工具栏点击）和 edit（单元格编辑）三类事件，且 edit 必须由列配置驱动。

真正能进编辑态的只有 edit + editTrigger 配合

要让某列双击后出现输入框，必须同时满足两个条件：

• 列配置中设 edit: 'text'（或其他类型，如 'number'、'select'）
• 在同一列配置中显式指定 editTrigger: 'dblclick'
• 不能只靠绑定 dblclick DOM 事件去手动替换 td 内容——那样绕过了 layui 的编辑生命周期，table.on('edit(filter)') 不会触发，缓存也不会更新

示例列配置：

{ field: 'username', title: '用户名', edit: 'text', editTrigger: 'dblclick' }

为什么双击没反应？常见卡点在这三处

即使配了 editTrigger: 'dblclick'，仍无响应，大概率是以下问题之一：

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

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

下载

• edit 属性没写在目标列上——只写在其他列或漏写了，该列就完全不可编辑
• 该列用了 templet ——templet 和 edit 互斥，一旦自定义渲染，layui 就放弃接管编辑逻辑
• 表格容器或父级元素设置了 pointer-events: none 或 touch-action: none，尤其移动端真机上会直接吞掉 dblclick
• 用了服务端分页但没配 id，导致 table.cache 键名混乱，编辑后取不到正确行数据

移动端双击编辑基本不可靠

iOS Safari 和多数安卓 WebView 对双击行为处理不一致：可能触发页面缩放、文字选中、甚至无响应。即便加了 touch-action: manipulation，也难保每次都能准确识别为双击而非两次单击。

更务实的做法是：

• 用 layui.device() 检测设备，PC 端用 editTrigger: 'dblclick'，移动端降级为 event: 'click'
• 或统一用 event: 'click'，再加个「编辑」操作列按钮，语义明确、兼容性好
• 真要保留双击语义，必须在真机上反复测试，Chrome 模拟器的结果不具备参考价值

编辑完成后，数据实际存在 table.cache['your-filter'] 中，不是原始 data 数组——这点容易被忽略，导致后续提交时拿错值。