layui table 的 rowClick 事件需用 table.on('row(你的tableId)', callback) 绑定，且仅在 skin: 'line' 或 'nob' 且 even: false 时可靠生效；翻页后需在 done 回调重绑；展开区应置于表格容器外并用 visibility: hidden 控制显隐，配合 table.resize() 更新高度；原始数据建议存入 table.cache 或 _raw 字段。
layui table 的 rowClick 事件怎么绑定才生效
默认情况下，layui.table 的 rowclick 事件不会触发——因为官方文档里没写清楚：它只在开启 skin: 'line' 或 skin: 'nob' 且关闭 even: true 时才可靠响应。更关键的是，必须用 table.on('row(test)', ...) 这种监听方式，而不是直接写在 init 配置里。
- 监听写法必须是
table.on('row(你的tableId)', callback)，其中你的tableId要和render时传的id严格一致 - 如果表格启用了
page: true，点击翻页后新加载的行不会自动绑定事件，得在done回调里重新监听或改用事件委托（但 layui 2.8+ 不推荐手动委托） - 避免在
cols里配event属性干扰主行事件捕获
展开区域怎么插进表格下方且不破坏布局
不能直接用 tr 插在表格里做展开行——layui 会重绘、错位、甚至报 Cannot read property 'children' of null。正确做法是：在表格容器外单独放一个 <div id="detail-view"></div>，用 show/hide 切换，并靠 CSS 定位紧贴表格底部。
- 给表格容器加
position: relative，让#detail-view用position: absolute; top: 100%; width: 100%精准对齐 - 不要用
display: none隐藏详情区，改用visibility: hidden; height: 0; overflow: hidden，否则 layui 表格高度计算会出错 - 如果表格启用了
height固定高度，展开后需手动调用table.resize('test')（test是你的id）刷新滚动条
如何拿到被点击行的完整数据（含未显示字段）
rowClick 回调里的 data 参数不是原始数据对象，而是当前渲染后的“快照”——比如你列里用了 templet 格式化时间，data.time 就是格式化后的字符串，不是原始时间戳。
- 要在
render时把原始数据挂到每行 DOM 上：done: function(res, curr, count) { $('[data-row-key]').each(...)，但更稳妥的是在parseData里把原始数据存进res.data每一项的_raw字段 - 或者改用
table.cache['test']查表缓存，配合tr的data-index属性定位：const index = $(tr).data('index'); const raw = table.cache['test'][index] - 注意：如果开了分页，
table.cache只存当前页数据；要全量就得自己维护allData数组
展开视图里渲染复杂内容（如子表格、表单）卡顿或失效
直接往 #detail-view 里 innerHTML 拼 HTML 会导致 layui 组件（如 form.render()、laydate.render()）不生效，因为它们依赖 DOM 就绪和元素扫描。
- 子表格必须用
table.render()重新初始化，且elem必须指向一个空容器（不能复用原表格容器） - 表单控件要在
$('#detail-view').html(...)后立即调用form.render(null, 'your-filter')，filter 值要和子表单的lay-filter匹配 - 频繁展开收起会造成内存泄漏，每次展开前先销毁旧实例：
if (window.detailTableIns) window.detailTableIns.destroy()
