Layui表格中直接在templet里写select会失效，因单元格渲染后为静态HTML；正确做法是在edit事件中用layui.dropdown动态创建下拉菜单，避免重复render和翻页丢失行为。
表格列中直接用 templet 渲染下拉框会失效？
因为 layui 表格（table.render()）的单元格内容在渲染后是静态 html，直接在里面写 layui.form().render() 不会生效——表单组件需要在 dom 插入后、且未被表格重绘前手动初始化。
- 错误写法：
templet: '<select lay-filter="xxx"><option value="1">A</option></select>'，不加任何处理，下拉框只是个原生select，无 Layui 样式和交互 - 正确时机：必须在
done回调里，等表格数据全部渲染完再统一初始化，或用cellEdit: true配合自定义编辑器（更推荐） - 注意：如果表格开启了
page: true或height，滚动时单元格可能被销毁重建，所以不能只在首次done里 render 一次
用 edit: 'text' + 自定义编辑器实现可下拉的单元格
这是 Layui 官方支持且最稳定的方式：把列设为可编辑，然后通过 toolbar 或 edit 属性绑定自定义下拉选择逻辑，避免反复 render 表单组件。
- 列配置中设置：
edit: 'text', templet: function(d) { return d.status_name || '-'; } - 在
table.on('edit(filter)', ...)中拦截编辑事件，用layer.open()或layui.dropdown拉起下拉菜单（推荐用layui.dropdown，轻量且自动定位） - 关键点：不要在
templet里硬塞select，而是用文本占位 + 点击触发弹层，既保持表格性能，又规避渲染时机问题 - 示例片段：
table.on('edit(userTable)', function(obj){ var value = obj.value; // 当前输入值（实际是文本框内容） var field = obj.field; // status if(field === 'status') { dropdown.render({ elem: this, data: [{name: '启用', value: '1'}, {name: '禁用', value: '0'}], click: function(item){ obj.update({status: item.value, status_name: item.name}); } }); } });
为什么不用 form.render() 在 done 里批量初始化？
看似简单，但实际踩坑多：表格翻页、搜索、重载数据后，之前 render 过的下拉框会丢失行为，而重复调用 form.render('select') 可能导致重复绑定、内存泄漏，甚至 UI 错乱。
- 常见报错：
Uncaught Error: layui.form.render() can only be executed once for the same select element - 兼容性风险：Layui 2.8+ 对多次 render 的 select 做了保护，但老版本会静默失败
- 性能问题：每页 50 行 × 每行 3 个下拉框 = 150 次 DOM 查询 + 初始化，卡顿明显
- 替代方案更优：用
lay-event绑定点击事件 + 动态创建dropdown，按需加载、即用即销
数据联动时下拉选项怎么动态更新？
比如「省份」变了，「城市」下拉要刷新——不能靠表格列配置解决，得靠业务逻辑控制 dropdown 的 data 数组。
- 在
dropdown.render()的show回调里重新请求或过滤数据，再调用dropdown.reload(elem, newData) - 注意缓存：别每次 show 都发请求，可用
data-cache属性或闭包变量暂存已加载项 - 如果依赖其他列值（如
d.user_id），要在table.on('tool(filter)')或点击事件中先取到当前行数据，再传给 dropdown - 关键限制：Layui
dropdown不支持异步加载中的 loading 状态，需自己加<li class="layui-disabled">加载中...</li>
done 里，而不是绑定到可复用的事件代理或编辑钩子上。 
