layui表格不支持原生下拉控件，须用templet+dropdown.render()实现：done回调中委托绑定trigger，按钮带lay-id/data-id等行数据属性，content传函数取值，菜单项用data-action标识，点击后调close并updaterow；移动端需加touch-action或改用layer.open。
直接在 layui 表格的 cols 里写 type: 'select' 或硬塞 <select></select> 标签，下拉菜单不会响应、不弹出、点不动——layui 表格原生不支持单元格内嵌可交互下拉控件，所有操作列下拉都得靠模板 + 手动激活。
templet 里拼 HTML 必须带唯一触发标识
不能只写 <button>操作</button>，Layui.dropdown 需要能精准定位到每个按钮。必须为每个按钮添加带行上下文的属性：
-
lay-id值需唯一（如'dropdown-' + d.LAY_TABLE_INDEX），避免多行共用一个 ID 导致只有一行能展开 - 把关键字段挂到按钮上：
data-id=""+ d.id +"" data-status=""+ d.status +""，后续点击才能取到当前行真实数据 - templet 返回字符串中不要包含
<div class="layui-dropdown"> 这类 wrapper，dropdown.render() 会自动创建浮层，手动加反而干扰定位 <h3>dropdown.render() 必须在 done 回调里执行</h3> <p>表格 DOM 是异步渲染的，如果在 <code>table.render()外部或 init 阶段就调dropdown.render()，它根本找不到按钮节点。正确时机是：- 在
done: function(res, curr, count) { ... }回调里执行 - trigger 必须用委托写法：
trigger: '#userTable .dropdown-btn'（#userTable是表格容器 ID） - content 推荐传函数：
content: function(triggerElem) { return getHtmlByRow(triggerElem); }，从triggerElem.data('id')拿当前行数据，避免所有行菜单内容一样
点击菜单项后怎么关菜单并更新数据
很多人点了“编辑”却拿不到这行的
id，或者菜单不自动关闭，本质是没解耦触发元素和行数据绑定：- 菜单项 HTML 中每个
<a></a>加data-action="edit"等语义标识，别靠文本匹配 - click 回调里用
$(this).closest('.dropdown-btn').data('id')取值，不是triggerElem.data() - 调
layui.dropdown.close(id)关闭（id是dropdown.render()返回的对象的id属性） - 更新视图必须走
table.updateRow('userTable', index, {status: '1'})，只改table.cache不会重绘 DOM
移动端 touchstart 冲突导致点一下就收
iOS Safari 和部分安卓 WebView 下，第一次触摸会触发延迟 click，dropdown 弹出后立刻被系统判定为“失焦”而关闭。这不是代码错，是浏览器行为：
- 不要改 dropdown 的 trigger 类型，Layui 不支持 touch 事件钩子
- 临时方案：给触发按钮加
style="touch-action: manipulation;"，抑制默认 touch 行为 - 更稳做法：换用
layer.open({type: 1, content: html})模拟下拉，自己控制 show/hide，避开 dropdown 的 click 依赖
最易忽略的是表格重绘场景：分页、排序、reload 后，新生成的按钮不会自动重新绑定 dropdown；trigger 写成
'.dropdown-btn'而非委托写法，就会彻底失效。每次表格结构变化，都得靠委托机制兜底。 - 在
