点击表头无反应是因为layui的thead th仅作展示，未绑定事件且不自动挂载配置属性；需在done回调中手动绑定click事件，通过e.target.dataset.field获取真实字段名，无field时用cellindex查列配置并取title。
不能直接点表头文字复制，必须手动绑定事件 + 从 data-field 或列配置中取值 —— 表头本身不存渲染后的“可复制文本”，它只显示中文名，而真实字段名才是你要复制的内容。
为什么点表头文字没反应？
因为 Layui 的 thead th 默认只是展示层，没有绑定任何点击逻辑，也不会自动把 field、title 或其他配置项挂到 DOM 属性上（除了 data-field）。你看到的“姓名”“手机号”是 title 配置项渲染出来的，但点击它时：
- e.target.innerText 拿到的是带空格/换行的显示文本，可能含 HTML 标签（比如用了 templet 插图标）
- e.target.dataset.field 才是可靠来源，Layui 渲染时会自动写入该属性
- 如果列没配 field（比如工具列、序号列），dataset.field 就是 undefined，得退回到列配置数组里查索引
在 table.render() 的 done 回调里绑定事件
必须等表格 DOM 完全渲染后操作，否则 thead th 还不存在。不要在初始化前或 init 阶段绑：
table.render({
elem: '#demo',
url: '/api/list',
cols: [[
{ field: 'username', title: '用户名', width: 120 },
{ field: 'mobile', title: '手机号', width: 140 }
]],
done: function(res, curr, count) {
// 正确：委托到 tbody 上层容器，避免重复绑定
document.querySelector('#demo').addEventListener('click', function(e) {
if (e.target.tagName === 'TH') {
const field = e.target.dataset.field;
const title = e.target.innerText.trim();
if (field) {
navigator.clipboard.writeText(field)
.then(() => layui.layer.msg('已复制字段名：' + field))
.catch(() => layui.layer.msg('复制失败，请检查权限'));
} else {
navigator.clipboard.writeText(title)
.then(() => layui.layer.msg('已复制标题：' + title));
}
}
});
}
});
如何处理无 field 的列（如序号列、操作列）？
序号列（type: 'numbers'）、操作列（type: 'checkbox' 或自定义 templet）通常没 field，此时不能只依赖 dataset.field：
- 用
e.target.cellIndex获取列索引，再查table.config.cols[0][index]拿原始配置对象 - 若配置里有
title，优先复制title；若用了templet，且你想复制模板里的关键标识（如 “操作” 文本），需提前在templet中加data-copy="操作" - 避免复制
innerText中的图标符号、空格、换行符 ——innerText.trim()是底线，但不如显式控制
移动端点击失效？重点检查三处
iOS Safari 和部分安卓 WebView 下，click 在 th 上可能不触发，尤其当 CSS 有 pointer-events: none 或父容器拦截了事件：
- 确保
th没被user-select: none或pointer-events: none覆盖（Layui 默认对某些列加了这些） - 改用
touchend事件替代click，并加e.preventDefault() - 给
th加tabindex="0"，让它可聚焦，提升事件捕获可靠性
真正麻烦的不是怎么写代码，而是表头点击这件事本身缺乏语义 —— 它不像单元格或工具列有明确上下文。你复制的到底是字段名、标题、还是某个业务标识，得在绑定前就定清楚，别指望浏览器自动猜。
