Layui表格rowClick事件需在table.render()的done回调中用table.on('row(对应lay-filter值)')绑定，且必须配置skin:'line'或'skin:'nob'，id与lay-filter严格一致；直接在render外监听或漏设skin将无效。
layui table 的 rowClick 事件怎么绑定才有效
直接在 table.render() 里写 done 回调里绑 on('row(table)', ...) 是无效的——事件委托必须在表格渲染完成、dom 真正挂载后才能监听。正确做法是把监听逻辑放在 done 函数内部，且确保使用 layui.table.on() 并传入正确的 lay-filter 值。
常见错误：漏写 lay-filter，或在 render() 外提前执行监听，导致点击无响应。
-
table.render()配置中必须设置id: 'myTable'和lay-filter="myTableFilter" -
done回调里调用table.on('row(myTableFilter)', ...)，不是on('row(table)', ...) - 事件回调中的
tr元素是原生 DOM，需用$(tr)转为 jQuery 对象（若引入了 jQuery）才能操作样式和兄弟节点
如何动态插入详情面板并避免重复展开
不能每次点击都 append() 新的详情行——会导致多次点击后堆叠多个面板。必须先清理已存在的详情行，再插入新内容。关键判断依据是：该行是否已有 class layui-table-expand，以及其后紧跟的 tr.layui-table-expand-content 是否存在。
- 用
$(tr).next('.layui-table-expand-content')查找当前行下方的详情行，存在则.remove() - 详情行的
tr必须加class="layui-table-expand-content"，否则 CSS 不生效（Layui 默认隐藏该 class 行） - 插入时用
$(tr).after(...)，不要用append到tbody，否则顺序错乱 - 详情内容建议用
<td colspan="N"> 包裹，<code>N等于表格列数（可通过layui.table.config["myTable"].cols[0].length获取）展开后如何控制高度与动画效果
Layui 表格本身不提供展开动画，纯靠 CSS 控制。默认
.layui-table-expand-content被设为display: none，直接.show()会突兀。要平滑过渡，需手动控制max-height和overflow。- 给
.layui-table-expand-content td设置transition: max-height .2s ease, padding .2s ease - 展开前设
max-height: 0; padding: 0 15px;；展开后设max-height: 300px; padding: 12px 15px; - 避免用
height，因内容高度不确定；max-height更安全 - 若详情内容含异步加载（如请求接口），需在
success回调里再触发layui.table.resize()防止表格错位
点击空白区域或其它行时如何自动收起当前详情
仅靠 rowClick 无法感知“失焦”，必须监听整个表格容器的点击，并排除目标是当前展开行或其详情内容的情况。
- 给表格外层容器（如
div#tableContainer）绑定click事件 - 在事件处理函数中，用
$(e.target).closest('.layui-table-expand, .layui-table-expand-content')判断是否点在展开区域 - 如果不是，则遍历所有
.layui-table-expand-content，调用.remove() - 注意：不要用
document全局监听，否则点击弹窗、下拉菜单也会误触发收起
layui-table-expand-content），否则自带的隐藏样式不生效；还有就是多次点击未清理旧节点，导致页面越来越卡。 - 给
