layui table 的 rowClick 事件需显式配置 even: true 才能生效，因懒加载设计仅在启用交互特性时挂载监听器；建议加 even: true 并确保 lay-id 与 render 的 id 一致。
layui table 的 rowClick 事件怎么绑定才生效
layui 2.8+ 的 table.render() 默认不开启行点击事件，必须显式配置 even: true（启用隔行变色）或 done 回调中手动绑定，否则 rowclick 不会触发。这不是 bug，是 layui 的懒加载设计：只有启用了某些交互特性（如隔行色、复选框），底层才会挂载对应 dom 事件监听器。
实操建议：
- 在
table.render()配置中加上even: true（哪怕你不需要隔行色，也得加） - 确保使用的是 layui 2.7+，旧版用
on('row(table-filter)')语法，新版推荐统一用rowClick事件 - 检查是否误把
id写成elem——rowClick只响应带lay-id的表格，且该值需与render()中的id一致
如何用 layer.tips() 在鼠标位置弹出气泡层
layer.tips() 是最轻量的选择，比 layer.open() 更贴合“点击某行显示详情”的场景，但默认不支持异步内容加载，且气泡容易被表格滚动裁切。关键是要把定位锚点设对。
实操建议：
- 在
rowClick回调里，用e.tr（事件触发的<tr>元素）作为layer.tips()的第 3 个参数：layer.tips(content, e.tr, {tips: [1, '#fff']}) - 避免直接传
e.tr.find('td').eq(0)——td 可能被templet渲染为复杂结构，e.tr本身更稳定 - 如果表格启用了
height并出现滚动条，需加fixed: false防止气泡随滚动偏移
气泡内容里怎么安全渲染动态字段，又不触发 XSS
直接拼接 HTML 字符串（比如 '<div>姓名：' + data.name + '</div>'）极可能被注入脚本。layui 的 layer.tips() 不做自动转义，必须自己处理。
实操建议：
- 用
layui.$('<div></div>').text(data.xxx).html()做单字段转义（注意不是.val()） - 若需多字段组合，先建空
<div>，再用.append()插入已转义的子元素，最后取.html() - 绝对不要用
eval()或new Function()解析后端返回的模板字符串 - 服务端返回的富文本字段（如含
<img>），前端展示前应限制标签白名单，或改用layer.open()+ iframe 加载隔离页面
为什么气泡一点击就消失，或者点不到内部按钮
这是最常被忽略的 zIndex 和事件冒泡问题。layui 的 layer.tips() 默认 zIndex 是 19891014（没错，就是那个日期），而表格滚动容器（.layui-table-box）的 overflow: hidden 会剪裁超出区域的气泡，同时其 zIndex 常为 0，导致气泡被压在下面。
实操建议：
- 给表格容器加
style="position: relative; z-index: 1;"（不能只加z-index，必须有定位） - 在
layer.tips()配置中显式提高zIndex，比如{zIndex: 19891020} - 气泡内按钮绑定事件时，用
layer.tips()返回的索引值（如index = layer.tips(...)）配合layer.close(index)手动控制关闭时机，别依赖 click-outside - 如果用了
table.setColsWidth()等动态列操作，需在操作后重新绑定rowClick，否则新生成的行无事件
even: true 这个开关，90% 的“点击没反应”问题都出在这儿。 
