不可行。layui table 渲染后会剥离 lay-tips 等原生属性，须在 templet 中插入带 data-content 的触发元素，并于 done 回调中用事件委托绑定 touchstart/click，调用 layer.tips() 实现提示。
表格列中直接绑定 lay-tips 属性是否可行？
不行。Layui 的 table 组件渲染后会剥离原生 HTML 属性，lay-tips 在 templet 或列配置里写死不会生效。Tips 气泡需要手动触发 layer.tips()，且必须绑定到真实 DOM 节点上。
- 表格列定义时不能依赖
lay-tips、title等原生提示属性 - 必须在
templet中插入带唯一标识的元素（如<span class="tips-trigger">xxx</span>） - 渲染完成后用事件委托监听，避免重复绑定
如何用 templet + 事件委托实现点击提示？
核心是：在列模板里加可点击容器，用 layui.onevent() 或原生事件委托绑定，调用 layer.tips()。
{field: 'remark', title: '备注', templet: function(d){
return '<span class="tips-trigger" data-content="' + (d.remark || '无') + '">' + (d.remark || '—') + '</span>';
}}
然后在表格渲染完成回调中绑定事件：
table.render({
elem: '#demo',
url: '/api/list',
cols: [[ /* 上面的列配置 */ ]],
done: function(){
// 使用事件委托，避免翻页后失效
layui.$('body').on('click', '.tips-trigger', function(){
var content = layui.$(this).data('content');
layer.tips(content, this, {
tips: [1, '#787878'], // 方向+背景色
time: 3000,
maxWidth: 240
});
});
}
});
-
done回调确保 DOM 已渲染，否则找不到.tips-trigger - 用
layui.$('body').on()而非$('.tips-trigger').on()，适配分页/重载 -
data-content存原始内容，避免 XSS 风险（若内容含 HTML，需先layui.laytpl()转义）
为什么点击后 Tips 不跟随鼠标或位置偏移？
layer.tips() 默认以触发元素为基准定位，但表格单元格高度不固定、或用了 white-space: nowrap 导致 this 尺寸计算异常时，Tips 容易错位。
- 确保触发元素是行内级（
span、a），不要用div块级 - 若列设置了
minWidth或unresize: true，可能影响宽度测量，可临时加style="display:inline-block" - 更稳妥的做法：用
layer.tips(content, this, { fixed: true })强制基于视口定位 - 不要给触发元素设
overflow: hidden，否则 Tips 可能被裁剪
移动端点击没反应或连点两次才弹出？
Layui 默认未禁用移动端 300ms 延迟，且 click 在 iOS 上对动态生成元素响应不稳定。
-
把事件换成
touchstart（兼容性更好）：layui.$('body').on('touchstart', '.tips-trigger', function(e){ e.preventDefault(); var content = layui.$(this).data('content'); layer.tips(content, this, { tips: [2, '#787878'] }); }); 或统一用
layui.util.event('click', ...)，它内部做了移动端适配注意：iOS Safari 下，如果父容器有
-webkit-overflow-scrolling: touch，可能拦截touchstart，此时加cursor: pointer到.tips-trigger可唤醒事件
表格里每个字段的提示逻辑看似简单，但实际卡点都在 DOM 生命周期、事件绑定时机和移动端行为差异上。最常被忽略的是：没在 done 里绑定，或用了直接选择器导致翻页后失效。
