Layui表格需自定义操作列实现行末按钮，通过templet写HTML按钮并设lay-event，配合table.on('tool(表ID)')监听事件获取当前行数据；用CSS hover控制显隐更稳定，移动端需加touchstart兼容。
layui table 的 toolbar 模板里怎么加行末按钮
直接在列定义中用 templet 写按钮 html 即可，layui 表格不提供“行末固定按钮列”这种内置能力，得自己造一列出来。
常见错误是把按钮写在 toolbar（表头工具栏）里，结果所有行都共用一个按钮，点不了具体某一行；或者用 event 绑定时没传 data，导致拿不到当前行数据。
- 新增一列，
field设为空或oper这类占位名，title可设为“操作” -
templet里写带data-id或lay-event的按钮，比如：<button class="layui-btn layui-btn-xs" lay-event="edit" data-id="{{d.id}}">编辑</button> - 必须配
event属性监听事件，否则lay-event不生效
为什么 lay-event 点了没反应
不是按钮没写对，而是表格初始化时漏了 event 配置项，或者监听函数没挂到 table.on('tool(你的tableId)') 上。
Layui 的行内事件是靠事件委托实现的，不声明 event 就不会给容器加监听器，按钮再漂亮也白搭。
- 表格渲染时必须指定
id，比如id: 'userTable' - 监听要写成
table.on('tool(userTable)', function(obj){...})，括号里是字符串，不是变量 -
obj.data就是当前行完整数据，不用再从 DOM 里取data-id
悬浮效果用 CSS 实现比 JS 更稳
想让按钮默认隐藏、鼠标 hover 才显示，别用 mouseenter/mouseleave 手动控制显隐——表格重绘、滚动、分页后容易失同步。纯 CSS 更可靠。
关键是利用 Layui 行容器的 layui-table-body-cell 类和 hover 状态组合，避免影响其他列样式。
- 给操作列加 class：
unselectable（防文字选中干扰） - CSS 写：
.layui-table-body td:nth-child(最后列序号):hover .oper-btn { opacity: 1; }，按钮初始opacity: 0; transition: opacity .2s - 不要用
display: none/block，会触发重排，影响性能
移动端点按体验差？加个 touchstart 兜底
纯 hover 在 iOS 和部分安卓浏览器上响应迟钝甚至失效，尤其列表滚动后首次点击。Layui 默认没处理 touch 事件。
简单补一层：在 tool 监听回调里，对 obj.event === 'edit' 这类操作，立刻执行逻辑，不等 mouseup；同时加 preventDefault() 防止双击放大。
- 监听函数开头加判断：
if ('createTouch' in document) { e.preventDefault(); } - 按钮加
ontouchstart="this.style.opacity=1"强制唤醒 hover 状态（兼容老版 WebView） - 真机测试时注意：iOS Safari 对
position: absolute悬浮按钮有合成层限制，尽量用relative + transform
