layui table 不支持直接嵌入可编辑下拉框，需用 templet 渲染 select 并在 done 回调中手动调用 form.render('select')；远程搜索需换用 input+弹层或第三方库；更新单元格应重绘 select 并再次 render。
layui 的 table 组件本身不支持直接在列中嵌入可编辑的下拉框（如 select），它默认只渲染静态内容。想在表格单元格里实现“点击展开选择、选中后回填、支持搜索/远程加载”，得靠自定义模板 + 事件代理 + 手动初始化组件，不是简单配个字段就行。
用 templet 渲染 select 标签但不生效？
很多人直接在列配置里写：templet: '<select><option value="1">是</option></select>'，结果发现下拉框不可点、没样式、点击无反应——因为 layui 的 form.render() 不会自动作用于动态插入的 DOM，尤其是表格重绘（如分页、排序、reload）后生成的内容。
- 必须在
done回调里手动调用form.render('select')，且要确保该回调在表格数据渲染完成之后执行 - 如果用了
lay-filter，注意避免多个相同 filter 被重复绑定，导致事件触发多次 - 不要在
templet里写onchange行内事件，优先用form.on('select(xxx)', callback)统一监听
如何让下拉框支持远程搜索和动态加载？
原生 select 不支持搜索，layui 的 select 组件也不支持异步搜索（lay-search 是本地过滤）。真要远程搜，得换方案：用 input + 下拉面板（比如 laydate 风格的弹层），或集成第三方库如 select2 / tom-select。但更轻量的做法是：
- 列模板用
<input type="text" readonly placeholder="请选择" data-id="{{d.id}}">模拟下拉触发器 - 绑定
click事件，用layer.open()弹出一个带搜索框的table或ul列表 - 选中后通过
d.id定位到当前行，更新table.cache并调用table.reload()或table.updateCell() - 注意：别在弹层里直接操作原始数据对象，要走
table.cache或table.getData()拿最新状态
table.updateCell() 更新后下拉样式丢失？
调用 table.updateCell({id: 'xxx', field: 'status', value: '已审核'}) 只更新文字，不会重建 select 结构。如果你之前用 templet 渲染的是完整 select 标签，那更新后它就变成纯文本了。
- 正确做法是：更新完数据后，再对目标单元格重新注入 HTML，并再次执行
form.render('select') - 更稳妥的是把下拉逻辑封装成函数，例如
renderSelect(el, value, options)，每次更新都调这个函数重绘 - 若频繁更新，建议放弃在表格里放真实
select，改用按钮触发编辑弹窗（form表单 +select），提交后再刷新整行
真正麻烦的不是怎么画出来，而是表格滚动、分页、重载时 DOM 生命周期混乱导致的组件失效和事件错乱。别想着“一次写完所有功能”，先保证单页静态渲染正常，再逐个补 done、cellEdit、rowDouble 等钩子里的修复逻辑。
