Layui表格toolbar中直接写title不生效，因其只识别HTML字符串或DOM节点，需在done回调中用layui.$动态添加title属性或使用data-title预埋后统一处理。
toolbar 配置里直接写 title 不生效？
因为 Layui 的表格 toolbar 默认只认 HTML 字符串或 DOM 节点，不解析对象里的 title 属性。你写 {type: 'button', title: '导出', layEvent: 'export'}，Layui 会忽略 title，按钮上啥也不显示。
真正起作用的是 lay-text 属性（Layui 2.8+）或者手动加 title 属性到生成的 DOM 上。
- 用
lay-text：只适用于内置按钮类型（如refresh、add），对自定义button无效 - 用
data-title+ JS 补充：更通用，推荐 - 别在 toolbar 数组里塞
title字段——它不是 Layui 认的字段，纯属白写
动态添加提示文字的两种可靠方式
核心思路：等表格渲染完，找到 toolbar 里的按钮元素，手动设 title 属性。不能早于 table.render() 的 done 回调。
- 方式一（推荐）：在
done回调里用layui.$找按钮加titletable.render({ elem: '#demo', toolbar: '#toolbarDemo', done: function() { layui.$('#toolbarDemo .layui-btn').each(function(i, btn) { const event = layui.$(btn).data('event'); if (event === 'export') { layui.$(btn).attr('title', '导出当前页数据（含筛选条件）'); } }); } }); - 方式二：用
data-title预埋，再统一补属性<div id="toolbarDemo"> <button class="layui-btn" data-event="export" data-title="导出全部数据">导出</button> </div>
然后在
done里批量处理：layui.$('[data-title]').each((i, el) => layui.$(el).attr('title', layui.$(el).data('title')))
为什么不能在 toolbar 数组里直接写 HTML 带 title？
可以写，但容易翻车。比如：['<button title="导出" data-event="export">导出</button>'] 看似没问题，实际会触发两个坑：
- Layui 内部会对字符串做简单转义，某些符号（如双引号、
&）可能被破坏，导致title截断或失效 - 如果按钮要响应
tool事件，必须确保data-event存在且唯一；手写 HTML 容易漏、拼错，而数组对象写法（{type: 'button', event: 'export'}）能被 Layui 自动补全基础结构 - 动态更新时（比如权限变化后要改提示），手写 HTML 得整个重 render；而用
done+ DOM 操作，只需改属性，更轻量
移动端 tooltip 显示异常怎么办？
Layui 的 title 是原生浏览器提示，iOS Safari 和部分安卓 WebView 默认不显示或延迟极高。这不是你代码的问题，是平台限制。
- 真要兼容移动端，得换方案：用
layer.tips()模拟提示，监听mouseenter/touchstart触发 - 或者干脆放弃 hover 提示，在按钮旁加小图标
❓，点击弹浮层说明 - 别指望
title在手机上稳定工作——这点很多人卡半天才意识到
动态加提示这事本身很简单，难的是想清楚“提示给谁看”“在哪种设备上必须出现”“要不要随语言/权限实时变”。这些没定下来，代码写得再顺也没用。
