layui表格双击事件需绑定celldouble监听器，确保table.render时配置cols和data、开启cellminwidth，并用table.on('celldouble(指定lay-id)', callback)监听；回调中用layer.open结构化展示详情，避免堆叠弹窗，同时兼顾移动端兼容性。
双击事件绑定在 Layui 表格的 cellDouble 监听上
Layui 的 table 模块不支持直接给单元格加原生 ondblclick，必须用内置监听器。核心是监听 cellDouble 事件，它会在任意单元格被双击时触发，并携带当前行数据、列字段、单元格 DOM 等信息。
注意：这个事件只在开启 cellMinWidth（或设置过列宽）且表格渲染完成之后才有效；如果表格初始化失败或列配置为空，cellDouble 根本不会触发。
- 确保
table.render()中已正确传入cols和data（或url） - 监听写法必须是：
table.on('cellDouble(你的表格 lay-id)', callback)，其中lay-id要和render时设置的完全一致 - 回调函数第一个参数是
obj，其obj.data就是该行完整数据对象
用 layer.open() 弹出详情层，别用 alert 或 console.log
双击后要展示“详细信息”，意味着需要结构化呈现，不是简单打印。Layui 自带的 layer 是最轻量且风格统一的选择。直接调用 layer.open()，传入 content 或 area + success 动态填充即可。
常见错误是把整个 obj.data 对象直接塞进 content: JSON.stringify(obj.data) —— 这样既难读又不美观，也容易暴露敏感字段。
- 推荐用
content写一个带<div> 的模板字符串，再用 <code>obj.data.xxx显式取值拼接 - 如果字段多，可提前定义一个映射数组：
const fields = [{key: 'id', title: 'ID'}, {key: 'name', title: '姓名'}]，循环生成 HTML - 务必设
area（比如['500px', '300px']），否则默认宽度太窄，长文本会折行混乱
避免重复弹窗和内存泄漏：每次弹层前先 layer.close(layerIndex)
用户可能连续双击不同行，若不主动关闭前一个层，就会堆叠多个 layer 实例。更隐蔽的问题是：如果在 success 回调里又绑了事件（比如按钮点击），没清理会导致多次执行。
解决方案很简单：把 layer.open() 返回的索引存为变量，在下次触发前先关掉它。
let detailLayerIndex = null;
table.on('cellDouble(test)', function(obj){
if(detailLayerIndex) layer.close(detailLayerIndex);
detailLayerIndex = layer.open({
title: '详情',
content: '<div>姓名：' + obj.data.name + '</div>',
area: ['400px', '220px']
});
});
移动端双击不可靠，得兼容单击长按或加个操作列按钮
Layui 表格默认没有针对触摸设备优化双击行为，iOS 和部分安卓浏览器对 dblclick 支持极差，甚至会误触发缩放。线上环境一旦有移动端访问，这个交互大概率失效。
真实项目中更稳妥的做法不是强依赖双击，而是：
- 加一列操作按钮：
{type: 'numbers', title: '操作', toolbar: '<button class="layui-btn layui-btn-xs">详情</button>'}，再用tool监听 - 或者保留双击，但同时监听
row单击，配合setTimeout判断是否为长按（>500ms）来模拟“类双击”意图 - 如果必须双击，至少加个提示：
layer.tips('请双击查看详情', this, {tips: [1, '#787878']});，让用户知道交互存在
双击本身没问题，但它的触发条件、设备兼容性、用户习惯，比写几行代码更值得花时间确认。
