layui table 中 laydate 弹窗被遮挡的根本原因是单元格 overflow: hidden 与父容器 position: relative 及 transform 共同导致裁剪和层级问题；解决方法是禁用自动初始化，改用 templet 中手动绑定 trigger 元素并调用 laydate.render()，指定 position: 'absolute'、zIndex > 999990，确保 DOM 已挂载。
为什么 layui table 里的 laydate 弹窗会被遮挡
根本原因是 layui 表格（layui.table）单元格使用了 overflow: hidden，且表格容器设置了 position: relative，而 laydate 默认将弹出层 append 到 body 下，但受父级 z-index 和 transform（如表格滚动时的 transform: translatez(0)）影响，导致弹层被裁剪或层级压低。
用 trigger + position 手动控制 laydate 渲染位置
不要依赖默认触发行为。在表格列的 templet 中绑定点击事件，并显式调用 laydate.render()，关键点是：指定 trigger 元素并设置 position: 'absolute' 或 'fixed'，同时手动提升 zIndex：
laydate.render({
elem: '#date-trigger-' + data.id,
trigger: '#date-trigger-' + data.id,
position: 'absolute',
zIndex: 999992, // 必须高于 table 的 z-index（layui table 默认约 999990）
done: function(value) {
// 更新表格数据或提交
}
});
注意：trigger 必须是真实 DOM 节点（不能是动态生成后未挂载的），建议在 table.on('rendered') 后或 templet 返回 HTML 后用 layui.$(...).next() 等方式确保元素已存在。
避免在 templet 里直接写 input[lay-key]
这种写法会让 layui 自动初始化 laydate，但初始化时机早于表格单元格渲染完成，且无法干预弹层定位逻辑，极易被遮挡。应改为：
- 用纯
<span>或带id的<div>作为触发器（不带lay-key） - 在
table.on('rendered', ...)回调中统一初始化所有日期控件 - 或在
templet返回的 HTML 中内联一个onclick="openDatePicker(...)"，并在全局定义该函数
表格容器加 transform: none 不可靠
有人尝试给 .layui-table-box 加 transform: none !important 来解除裁剪，但会破坏固定表头/列功能，且在 Chrome 120+ 后对 overflow: hidden + transform 的处理更严格，反而引发滚动错位。真正可控的方式只有两个：
- 用
position: 'fixed'+ 手动计算坐标（适合弹层不随滚动偏移的场景） - 用
position: 'absolute'+ 确保父容器有position: relative且无overflow: hidden（需重写表格单元格样式，风险高）
实际项目中，position: 'absolute' + zIndex 提升是最稳妥的选择；如果表格高度动态、滚动频繁，记得在 table.on('scroll') 中调用 laydate.hide() 防止弹层悬空。
