Layui table下拉编辑需弃用edit:'select'，改用templet渲染自定义下拉+lay-event绑定事件，手动更新table.cache并调用table.render()刷新视图，注意移动端点透、重复绑定及状态管理问题。
layui table 编辑列设为下拉框：用 templet + edit: 'select' 不行
直接在 column 配置里写 edit: 'select' 只能触发原生 <select> 输入，不支持自定义选项、异步数据或样式控制——这是最常踩的坑。layui 的 edit: 'select' 本质是让单元格变 input 框并监听回车，和下拉选择逻辑无关。
真正可行的方式是放弃 edit 字段，改用 templet 渲染带下拉的 HTML，并配合 event 绑定点击展开、done 回调更新数据。
- 必须关闭该列的
edit（设为false或删掉），否则会和自定义下拉冲突 -
templet里用<select>或更推荐<div class="layui-select">+ 自定义弹层（避免原生 select 在表格中定位错乱） - 下拉选项建议用静态数组或提前加载好的
options变量，避免每次点击都发请求
如何绑定点击事件让下拉展开：用 lay-event 而非 onclick
Layui 表格内部会重写 DOM，直接写 onclick 会被清空或失效。正确做法是给下拉容器加 lay-event="openSelect"，再在 table.on('tool(yourTable)') 中监听。
- templet 返回的 HTML 必须包含
lay-event属性，值任意但需唯一，如lay-event="editStatus" - 事件回调里用
tr元素定位当前行，用td定位当前单元格，避免用 index 硬编码 - 不要在 templet 里直接写
onchange—— 表格重渲染后绑定丢失，且无法触发done更新逻辑
<script type="text/html" id="statusTpl">
<div class="custom-select" lay-event="openStatus">
{{ d.statusName || '请选择' }}
<span class="arrow">▼</span>
</div>
</script>
更新数据后如何同步刷新表格：别漏掉 table.cache 和 render
选中下拉项后，只改 d.status 不会自动刷新视图。Layui 不监听对象属性变化，必须手动触发更新。
- 修改
table.cache['yourTableId'][d.LAY_TABLE_INDEX]对应字段，确保缓存同步 - 调用
table.reload('yourTableId', { where: {...} })是重载整表，开销大；更轻量的是用table.cache改完后调用table.render({ id: 'yourTableId' })重绘当前页 - 如果用了分页，注意
table.cache只存当前页数据，跨页编辑需额外处理（比如先查再改再 reload）
兼容性与性能提醒：移动端点透、重复绑定、选项过多
下拉在 iOS Safari 上容易点透到下方行，Android 微信内置浏览器可能不触发 lay-event —— 这些不是代码写错，而是 Layui 2.8.x 渲染机制限制。
- 给下拉容器加
style="position: relative; z-index: 100;"防点透 - 每次
table.render()后重新绑定事件会导致重复监听，建议用one或在done回调里先off再on - 选项超过 50 条时，别用
<select>，改用lay-select或第三方轻量下拉（如 tippy.js），否则卡顿明显
最麻烦的其实是“编辑态”和“展示态”的状态管理：比如用户点了下拉但没选就点别处，得恢复原值；或者多列联动下拉（A 列影响 B 列选项），这些没封装进组件的话，逻辑很快变得难维护。
