Layui如何实现表格行点击事件

Layui table 的 onRow 事件无反应，因仅 2.8+ 版本支持且需在 table.render() 配置中声明；旧版本须手动绑定，reload 时也需显式重传，否则失效。layui table 的 onRow 事件为什么没反应？因为 layui 的 table 模块默认不触发原生行点击，必须手动绑定或启用内置行事件支持。2.8+ 版本才正式提供 onrow 配置项，旧版本只能靠 rowelem.on('click') 手动处理，且容易漏掉分页重载后的事件丢失。实操建议：确认 Layui 版本 ≥ 2.8，否则直接跳过 onRow，改用 done 回调里绑定事件onRow 是表格配置项，不是方法，要写在 table.render() 的参数对象里它只对「鼠标左键单击整行」生效，右键、双击、点击表头/操作列（除非显式透传）都不触发如果用了 skin: 'line' 或自定义 cols 中有 toolbar，需确保点击区域没被遮挡或阻止冒泡如何用 onRow 获取点击行的原始数据？它回调函数的参数是 (obj)，其中 obj.data 就是该行完整数据对象，obj.tr 是 DOM 元素，obj.rowIndex 是当前页内的行号（从 0 开始），不是全局索引。常见错误现象：点了行，console.log(obj.data) 是 undefined —— 多半是因为表格没正确设置 id 或 data 源为数组而非 URL，导致内部数据映射失败。实操建议：确保 table.render() 中传了 data 数组，或 url 返回格式符合 Layui 要求（含 data 字段）不要在 onRow 里直接操作 obj.tr 的 class，Layui 会自动加 layui-table-hover，重复操作可能干扰样式逻辑若需区分点击的是哪一列，用 event.target 判断，但别依赖 event.target.innerText，文本可能被空格/换行截断table.render({ elem: '#demo', data: [...], cols: [[{field:'id', title:'ID'}, {field:'name', title:'姓名'}]], onRow: function(obj){ console.log(obj.data.id); // ? 安全取值 console.log(obj.rowIndex); // ?? 是当前页序号，非总序号 }});点击行后想高亮并记住选中状态，怎么避免多选错乱？Layui 表格本身不维护「选中态」，onRow 是纯响应式，每次点击都新触发，不会自动取消上一次的高亮。手动加 class 容易和 Layui 内部的 layui-table-hover 冲突，尤其开启 even 或 size: 'sm' 时。 Murf AI AI文本转语音生成工具