layui表格行内下拉框需设置.layui-table-cell{overflow:visible!important}并调整.layui-form-select边距以避免遮挡；默认值须从table.cache取数据后用val()赋值并调用form.render('select')；选择后通过form.on('select')监听，定位行并更新缓存及DOM；验证应在form.render()后手动触发或在select回调中业务校验。
layui table 行内下拉框怎么渲染出来不被遮挡
默认情况下，select 嵌在 td 里会被 .layui-table-cell 的 overflow: hidden 截断，下拉选项只显示一半或完全看不见。
必须加两条 CSS 强制透出：
.layui-table-cell { overflow: visible !important; }td .layui-form-select { margin-top: -10px; margin-left: -15px; margin-right: -15px; }
注意：第二条中的 .layui-form-select 是 layui 渲染 select 后自动包裹的容器类名，不是你手写的 class；如果用了自定义模板没走 layui 的 form.render('select')，这个类可能不存在，得手动加或改用原生 select + form.render()。
下拉框默认值怎么和表格数据对齐
layui 表格渲染完，select 默认选中第一个 option，但实际数据可能对应中间某个值（比如 status: 2），必须手动赋值并重渲染。
关键点有三个：
- 从
table.cache['yourTableId']拿当前行原始数据，比如table.cache['demo'][dataIndex].status - 用
$('select[data-field="status"]').val(2)设置值（注意 selector 要精准，建议加data-field属性） - 调用
form.render('select')，否则 UI 不更新
推荐在 done 回调里批量处理，别在 templet 里硬拼 selected —— 那样容易因异步或缓存错乱。
选择后如何触发保存且不刷新表格
监听的是 form.on('select(filterName)')，不是 table.on('tool') 或点击事件。filter 名必须和 lay-filter 属性一致。
获取数据要靠 DOM 定位到当前行：
- 用
$(this).closest('tr')找到所在行 - 读
tr.attr('data-index')拿缓存索引 - 再从
table.cache['id'][index]取完整行数据 - 把
$(this).val()更新进缓存对象对应字段
保存接口调用成功后，**不要调 table.reload()**，直接操作 DOM 更新显示：tr.find('[data-field="status"]').text('已审核') 或更新 input/hidden 字段值，保持滚动位置和编辑态。
为什么 select 改了但 form.verify 失效或校验不触发
layui 表单验证依赖 lay-verify 属性和绑定在元素上的事件，但行内 select 是动态插入的，初始没绑定验证逻辑。
解决办法只有两个：
- 在
form.render('select')之后，手动调用form.verify()触发一次校验（适用于简单规则） - 更稳妥的是：不在行内
select上设lay-verify，改用form.on('select(...)', callback)里做业务校验，失败就layer.msg()并return false阻止后续流程
特别注意：如果下拉选项是远程加载（比如通过 AJAX 拉取），form.render('select') 必须等数据回来后再执行，否则 val() 赋值无效 —— 这个时机最容易漏掉。
