layui table 双击行事件不能直接用 on('row')，因其仅支持单击；需在 done 回调中对 tbody 做事件委托，通过 e.target 找到带 data-index 的 tr，再结合分页参数计算真实数据下标获取全量数据。
layui table 双击行事件为什么不能直接用 on('row')？
因为 table.on('row') 只响应单击，layui 的原生事件系统不提供 row(dblclick) 这类绑定。双击需要自己监听 dom 事件，但必须注意：表格是动态渲染的，直接给 tr 绑定 ondblclick 会失效（尤其分页、重载后）。
正确做法：用事件委托监听 tbody 的 dblclick
在 table.render() 的 done 回调里，对表格容器的 tbody 做事件委托，过滤出实际的行元素。关键点是通过 e.target 向上找 tr，并利用 tr 上的 data-index 属性定位数据行。
- 确保表格容器有唯一 ID，比如
id="demo" -
done是唯一安全时机——此时 DOM 已渲染完成，且后续重载（如搜索、分页）也会触发 - 不要用
$('tbody').on('dblclick', 'tr', ...)，Layui 表格的tr没有 class 标识，且可能含固定列、空行等干扰节点
table.render({
elem: '#demo',
url: '/api/list',
done: function(res, curr, count) {
// 事件委托：只处理点击在 tr 内部的 dblclick
layui.$('#demo tbody').off('dblclick').on('dblclick', function(e) {
const $tr = layui.$(e.target).closest('tr[data-index]');
if (!$tr.length) return;
const index = $tr.data('index');
const data = res.data[index]; // 注意：res.data 是当前页数据，索引对应页内位置
console.log('双击行数据:', data);
// 在这里写你的业务逻辑，比如弹窗编辑
});
}
});
如何获取完整原始数据（而非仅当前页）？
如果表格启用了分页，res.data[index] 只是当前页第 index 条，不是全量数据的第 index 条。要拿到真实数据，得结合分页参数计算：
- 当前页码：
curr - 每页条数：
table.config['demo'].page.limit（假设容器 ID 是demo） - 真实下标 =
(curr - 1) * limit + index - 更稳妥的方式是：在
request中缓存全量数据，或后端支持按 ID 精确查（推荐）
容易被忽略的细节
双击事件和单击事件共存时，浏览器默认会先触发两次 click 再触发 dblclick，可能导致误操作。如果同时绑了单击打开详情、双击编辑，建议加防抖或用 setTimeout 判断间隔——但 Layui 表格本身不拦截原生事件，这部分必须自己控制。另外，移动端没有双击概念，这个交互在手机上天然不可用，别忘了降级方案。
