原生 select 在 Layui 表格中被截断是因为 layui-table-box 和 layui-table-body 设置了 overflow: hidden，而原生 select 下拉菜单是 body 下的绝对定位元素，受父容器裁剪影响。
为什么原生 select 在 Layui 表格里一定会被截断
因为 layui-table-box 和 layui-table-body 都设置了 overflow: hidden，而浏览器原生 select 的下拉菜单是渲染在 body 下的绝对定位元素，一旦父容器裁剪溢出，它就被视觉上“砍掉”了。这不是 layui 的 bug，是 css 渲染规则决定的。
常见表现：select 点击后只显示顶部 1–2 行选项、滚动表格时下拉项瞬间消失、iOS 上直接触发全屏选择器、z-index 完全无效（原生 select 不参与普通层叠上下文）。
用 lay-select 替代原生 select（推荐方案）
Layui 自带的 lay-select 是 JS 模拟下拉，DOM 插入到 body 底下，天然绕过表格容器的 overflow 限制。
- 在表格列
templet中写：<select lay-filter="table-status" lay-search><option value="0">待处理</option></select> - 给表格外层容器加唯一 ID，比如
<div id="table-form-wrap">...</div> - 表格
done回调里手动渲染：form.render('select', 'table-form-wrap') - 监听必须用：
form.on('select(table-status)', function(data){...})，不能监听原生change - 如果表格启用了
fixed列或自定义滚动条，确认 Layui 版本 ≥ v2.8 —— v2.7 及更早需补丁修复position: fixed弹层偏移问题
手动改 overflow 是高危操作
有人直接对 .layui-table-box 或 .layui-table-cell 设置 overflow: visible，短期看似生效，但会引发连锁问题：
-
.layui-table-box失去溢出控制 → 滚动条失效或错位 -
.layui-table-cell改overflow→ 触发 Layui 内部样式重置逻辑，导致单元格高度塌陷、文字换行异常 - 多级嵌套表格或
fixed列场景下，visible会让右侧固定列内容溢出到主表区域 - 移动端 Safari 对这类修改极其敏感，可能直接禁用原生下拉行为
需要自定义交互？用 dropdown.render() 接管
当要支持异步搜索、多选、图标选项等 lay-select 不具备的能力时，就得自己挂载浮层。关键不是“怎么弹”，而是“怎么准”：
- 定位必须用
elem.getBoundingClientRect()获取目标td相对于视口的位置，别用offsetTop（受 transform 影响） - 下拉层 DOM 必须加
class="layui-dropdown"，再调用dropdown.render({ elem: '.my-dropdown', ... })，否则键盘导航、主题色、关闭逻辑全丢失 - 每次打开前先执行
dropdown.close(lastId)，否则重复打开会累积多个浮层实例，内存泄漏 - 必须监听
table.on('rowDouble', ...)或click+event.stopPropagation()，避免和表格编辑、排序等事件冲突
最常被忽略的一点：所有动态生成的下拉组件（无论 lay-select 还是 dropdown），都必须在表格 reload 或分页切换后重新 render 或 re-bind —— Layui 不会自动追踪 DOM 变化。漏掉这步，翻页后下拉就彻底失灵。
