Layui表格行点击必须用table.on('row(id)', fn)绑定，id为render时配置的id值；全屏弹窗应使用layer.open({type:1, content:html})并手动控制关闭；数据传递需过滤非业务字段，避免JSON序列化陷阱。
表格行点击事件绑定必须用 on('row') 而非 on('click')
直接给 tr 绑定原生 click 会失效，因为 layui 表格是动态渲染的，且内置了事件委托机制。必须走 layui 提供的行事件监听接口：table.on('row(tabledemo)', function(obj){...})。这里的 tabledemo 是你在 table.render() 中配置的 id 值，不是 class 或元素选择器。
常见错误是写成 $('body').on('click', 'tr', ...) 或在 done 回调里遍历 tr 绑 click —— 这些方式要么拿不到最新数据，要么被 Layui 自身事件拦截导致 obj.data 为空。
- 确保
table.render()中设置了id: 'tableDemo' - 监听代码必须放在
table.render()执行之后（推荐放在同一作用域末尾） -
obj.data就是当前行的完整原始数据对象，无需再从 DOM 取值
全屏弹窗不能用 layer.open({type: 2}) 直接加载页面
如果详情页是独立 URL（比如 /detail?id=123），用 type: 2 会嵌入 iframe，无法真正“全屏”——顶部有 layer 标题栏、右上角关闭按钮、边框阴影，且 iframe 内容受同源策略和样式隔离影响，调试困难。
正确做法是用 type: 1 + 自定义内容，把详情结构拼成字符串或用模板引擎（如 Handlebars）预编译，再传给 content。这样 DOM 完全可控，能加 position: fixed; top:0; left:0; width:100vw; height:100vh; 实现真全屏。
- 避免在
content里写大段 HTML 字符串，建议用隐藏<script type="text/html">模板 - 记得在弹窗内手动绑定关闭按钮事件，
layer.close(index)，别依赖默认右上角（它可能被 CSS 遮挡） - 如果详情含表单或交互，确保事件委托到 document 或 layer 的
.layui-layer-content容器
数据传递要防 JSON 序列化陷阱
直接 JSON.stringify(obj.data) 传给弹窗内容函数看似方便，但遇到 Date、undefined、循环引用、正则等类型会出错或丢失字段。Layui 表格的 data 里还可能有内部属性（如 _LAY_TABLE_INDEX），不该暴露给详情页。
更稳妥的方式是：在 row 回调里，只提取业务字段构造新对象，或用 JSON.parse(JSON.stringify(...)) 做浅拷贝（仅适用于纯 JSON 数据）；若字段含函数或特殊对象，改用 Object.assign({}, obj.data) 并手动过滤。
- 检查
obj.data是否含__proto__、constructor等不可枚举属性（Layui 有时会挂） - 后端返回的时间字段如果是字符串（如
"2024-05-20T08:30:00"），前端 new Date() 渲染前先校验格式，避免Invalid Date - 别把整个
obj（含tr,tdDOM 引用）传进弹窗逻辑，容易引发内存泄漏
键盘 ESC 关闭和鼠标点击遮罩层关闭需手动补全
Layui 的 layer.open() 默认支持 ESC 关闭，但前提是没禁用 escape 选项（默认 true）。而点击遮罩层关闭（shadeClose: true）也得显式设置，否则用户点背景不会关。
但真实场景中，全屏弹窗常需要更精细控制：比如详情页内有富文本编辑器或下拉菜单，ESC 不该关闭；或者遮罩层点击只关闭，但弹窗内容区点击不关闭。这些都得靠 success 回调里操作 DOM 实现。
- 设置
shadeClose: true和escape: true是基础，别漏 - 在
success回调里对弹窗内容区调用stopPropagation()，防止点击内容冒泡到遮罩层 - 如果用了 Vue/React 渲染详情内容，注意 layer 的 DOM 插入时机，确保框架已挂载完毕再操作
