Layui表格操作列配置：toolbar用于统一工具栏，templet实现动态按钮；均需配合lay-event和table.on('tool(filter)',...)监听，用obj.del()/obj.update()安全操作数据。
layui table 的 toolbar 和 templet 怎么配操作列
layui 表格里加操作按钮，核心就两条路：用 toolbar 配置顶部/行内工具栏，或用 templet 在列里直接写 html。别碰 event 属性——那是旧版 2.5.x 的写法，新版（2.8+）不认，点了没反应还查不出错。
-
toolbar适合统一操作（如“编辑”“删除”按钮组），配合lay-event绑定事件，由table.on('tool(table-filter)', ...)捕获 -
templet更灵活，能根据字段值动态显示按钮（比如状态为 1 才显示“禁用”，否则显示“启用”） - 别在
templet里写onclick="xxx()"，容易和 layui 的事件委托冲突；一律走lay-event+ 监听器 - 示例：
{field: 'id', title: '操作', toolbar: '#barDemo'} // 对应 script 模板： <script type="text/html" id="barDemo"><a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a><a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a></script>
table.on('tool(...)' 事件监听器怎么写才不漏触发
监听器必须在 table.render() 之后注册，且 filter 值要和表格的 id 或 lay-filter 完全一致。常见错误是监听器写在 render 前，或者 filter 写错大小写、多空格。
- 必须用
table.on('tool(你的lay-filter值)', function(obj){...})，不是on('click') -
obj里有data（当前行数据）、event（对应lay-event的值）、tr（DOM 元素），别漏解构 - 如果表格启用了分页或重载，监听器只需注册一次，不用每次 render 都重绑
- 错误现象：
lay-event="edit"点了没反应 → 检查是否漏写table.on，或 filter 值不匹配
按钮点击后怎么安全地删/改当前行数据
别直接操作 DOM 删除 tr，要用 obj.del() 或 obj.update()。这两个方法会同步更新表格内部数据源、触发重绘，并保持分页/排序状态。
-
obj.del()：从表格数据中删掉这行，UI 自动刷新，无需手动$(obj.tr).remove() -
obj.update({status: 0})：只更新当前行指定字段，UI 实时响应，不影响其他行 - 如果后端删失败，记得在 AJAX 回调里用
layer.msg提示，别让obj.del()白执行 - 性能注意：频繁调用
obj.update()不影响性能，但批量修改建议用table.reload()重载整表
自定义按钮样式或图标不生效怎么办
Layui 默认给 .layui-btn 加了固定 padding 和高度，如果你用 <i class="iconfont"> 或自定义 class，可能被覆盖。关键是把样式写具体，或加 !important（仅限调试）。
- 图标按钮推荐写法：
<button type="button" class="layui-btn layui-btn-primary layui-btn-xs"><i class="layui-icon"></i></button> - 避免直接在
templet里写style="color:red"，改用 class + 外部 CSS - 兼容性坑：IE11 下
templet返回的字符串若含换行，可能解析失败，建议写成单行或用模板字符串时 trim - 路径类错误不会报，但按钮点不动：检查是否引入了
layui.all.js或按需加载漏了layer模块（弹窗依赖它）
实际用下来，最常卡住的是 lay-filter 值不一致和监听器注册时机不对。这两处对不上，按钮就等于没绑定。
