templet里用title属性+内联样式截断是最稳方案，需满足white-space:nowrap、overflow:hidden、text-overflow:ellipsis及max-width，且title须转义双引号、过滤HTML、兜底null值。
templet 里用 title 属性 + 内联样式截断是最稳方案
原生 title 是浏览器自带的 tooltip，无需额外 js 绑定、不冲突表格滚动、无兼容性陷阱。但必须满足三个 css 条件才能触发截断+提示：元素要有 white-space: nowrap、overflow: hidden、text-overflow: ellipsis，且必须设 max-width（不能只写 width: 100%，列宽拉伸后会失效）。
常见错误是直接给 td 加样式——Layui 表格内部会把内容包进一层 div，样式得作用在那个实际文本容器上。
- templet 函数返回的 HTML 必须把文本包在带样式的
div里，例如：<div style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;" title="...">{{=d.content}}</div> -
title值含双引号时必须转义为"，否则整列渲染为空白 - 内容可能含 HTML 标签？用
layui.util.escape(text)过滤，否则有 XSS 风险 - 值为
null或undefined时要兜底，比如var text = d.content || ''，不然控制台报错、单元格空白
移动端或需美化样式时，改用 layer.tips() + 事件委托
iOS Safari 和部分安卓浏览器不响应 title 的 hover，且原生 tooltip 无法定制颜色、箭头、延迟等。这时得换方案，但不能在 templet 里写 onmouseenter——表格重绘时事件会重复绑定，导致 tips 叠加或内存泄漏。
- 只给真实溢出的单元格加 class，比如
class="has-overflow"，并在done回调里统一处理 - 用
document.querySelector('.layui-table .has-overflow')查当前页节点，避免监听到已销毁的旧表格 -
layer.tips()的time设为0，靠mouseleave主动关闭，否则 tips 残留 - 别用
click触发——移动端没 hover，得同时监听mouseenter和touchstart
为什么不能依赖 layui-table-cell 类做全局截断
这个类默认没设 white-space: nowrap，而且表格列宽由 flex 控制，宽度不固定，text-overflow: ellipsis 无效。即使强行加样式，也会被 Layui 内部的 flex 布局覆盖，表现不稳定。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
尤其当列启用了 cellMinWidth 或设置了固定 width，内部结构更复杂，全局样式容易漏掉某些场景。
立即学习“前端免费学习笔记（深入）”；
- 唯一可控入口是
templet，它让你完全掌控每个单元格的 HTML 结构和样式 - 如果列开了排序或筛选，
templet是唯一能保证逻辑一致的地方 - 不要试图用 CSS 选择器批量加
title——表格分页/搜索后 DOM 重建，老绑定就失效了
动态内容更新后，tooltip 不刷新？关键在数据缓存同步
如果你用 table.cache 手动更新了某行数据（比如 range 滑动后），但 tooltip 还是旧内容，问题大概率出在没同步更新 templet 里读取的字段值。
-
templet每次渲染都重新执行，它读的是d.xxx，不是 DOM 上的旧文本 - 所以你改了
table.cache['id'][index].content，下一次重绘自然生效 - 但如果用
table.reload()，记得传入完整的where和page，否则缓存可能没刷新 - 测试时可临时加
console.log(d.content)在templet里，确认传入值是否最新
title 看似简单，但双引号转义、HTML 过滤、max-width 定值、null 兜底这四点，漏一个就会整列空白或 XSS；而换 layer.tips() 后，事件委托的作用域和销毁时机才是真坑——多数问题不是不会写，是没意识到表格复用机制会让 DOM 节点反复创建又销毁。 
