layui表格单元格溢出时hover显示完整文本必须手动在templet中为内层div添加转义后的title属性，因纯css的text-overflow:ellipsis不触发提示，且直接写在td或未转义模板中易因引号冲突、dom结构错位或移动端无hover而失效。
直接给结论：Layui 表格单元格内容溢出时 hover 显示完整文本，必须手动注入 title 属性，且要落在最终可触发的 DOM 元素上；纯 CSS 的 text-overflow: ellipsis 不会自动弹提示，浏览器原生只认 title。
为什么直接加 title 属性没反应
Layui 渲染表格时会把单元格内容用 <div> 包一层，原始 <code>title 若写在列配置的 field 或 templet 字符串模板里（比如 '<div title="{{d.name}}">{{d.name}}</div>'），容易因引号冲突、特殊字符未转义而被截断或解析失败。更关键的是：这个 title 最终可能挂在内层 <div> 上，而该元素被 <code>overflow: hidden 覆盖，鼠标悬停区域实际是外层容器，导致失效。
- 不要在列定义里写
title: 'xxx'—— 这是表头属性，和单元格无关 - 不要用双大括号模板拼接
title，{{d.name}}中若含双引号、换行、尖括号，JS 字符串会提前终止 - 检查渲染后 DOM：
layui-table-cell > div是否真有title属性，且该div是鼠标能直接 hover 到的最内层元素
templet 函数中安全注入 title 的写法
用函数式 templet，显式拼接 + 转义 + 长度判断，是最稳的方式。Layui 内置 layui.util.escape() 可防 XSS 和引号冲突，比手写 .replace(/"/g, '"') 更可靠。
- 只对确实超长的内容加
title，避免空提示干扰：if (d.name && d.name.length > 12) - 用
layui.util.escape(d.name)处理值，再拼进字符串：'<div title="' + layui.util.escape(d.name) + '">' + d.name + '</div>' - 别在
templet里写onmouseover或调用layer.tips—— 和 Layui 自身事件机制冲突 - 如果字段可能为
null或undefined，先兜底：d.name || ''
移动端 hover 失效怎么办
手机端没有 hover，原生 title 在 iOS/Android 上基本不显示。这不是 bug，是浏览器行为。想让“悬停提示”在移动端也生效，必须改用点击触发，或换方案。
- 放弃纯
title，改用lay-tips+data-tips组合（需加载tips模块） - 列配置中写：
templet: '<div lay-tips="{{d.name}}" data-tips="{{layui.util.escape(d.name)}}" style="cursor:pointer;">{{d.name}}</div>' - 确保
layui.use(['table', 'tips'], function(){})中已引入tips，否则lay-tips不初始化 - 如果坚持用
title，移动端用户只能长按——但体验差，且部分安卓浏览器也不支持长按弹title
容易被忽略的宽度与溢出控制
即使加了 title，如果列宽太小，文字全被 text-overflow: ellipsis 截掉，用户鼠标移上去时，悬停区域只剩省略号那几个像素点，极难触发。这时候 title 存在也没用。
- 给列设
cellMinWidth: 100（不是width），这是 Layui 真正尊重的最小列宽参数 - 配合 CSS 强制单行显示：
.layui-table-cell { white-space: nowrap; }，防止换行破坏悬停区域连续性 - 避免全局覆盖
.layui-table-cell { overflow: visible; }—— 这会让所有单元格撑高，破坏表格对齐，仅对特定列用style局部覆盖更稳妥 - IE 下
title不换行、延迟高，若必须兼容，就别在title里塞换行符或中文顿号，统一用英文逗号分隔
