Layui select下拉面板默认不限制行数，实际显示约12～15行，超出部分自动出现滚动条；强制限制最多8行需设置.layui-form-select dl { max-height: 288px; }。
layui select 下拉面板默认最多显示多少行
Layui 的 select 默认不限制行数，但会根据容器高度自动计算可见项——实际显示约 12～15 行（取决于字体大小、行高、边距），超出部分出现滚动条。这不是配置项控制的“最多 N 行”，而是 CSS max-height 计算结果。
常见误操作是以为改 limits 或 page 能影响 select，其实那俩只管表格分页，和 select 完全无关。
如何强制限制 select 下拉最多显示 8 行
必须用 CSS 覆盖默认样式，Layui 没提供 JS 配置接口：
-
layui-form-select dl是下拉列表的包裹容器，它的max-height决定可见行数 - 每行
dd默认高度约 36px（含 padding），所以max-height: 288px≈ 8 行 - 直接写在页面 style 或全局 CSS 里即可生效，无需 JS 干预
示例：
layui-form-select dl {
max-height: 288px;
}
注意：别漏掉 dl 标签名，只写 .layui-form-select 不生效；移动端建议调低数值（如 216px），避免弹层被视口截断。
数据量大时下拉卡顿，不是行数问题而是渲染方式问题
卡顿根源不是“显示太多行”，而是 Layui 同步遍历全部 <option> 构建完整 DOM。1000 条选项 = 1000 个 dd 节点，主线程阻塞明显。
- 禁用
lay-search属性（它会额外生成搜索框 + 全量匹配逻辑） - 超过 500 条数据，放弃原生
select，改用tableSelect插件或自定义下拉面板 - 若必须用原生 select，先用 JS 动态裁剪
option数量（比如只保留前 100 条），再调用form.render('select')
为什么改了 CSS 还是显示不全
大概率是父容器设置了 overflow: hidden，尤其在 Layui 表格单元格内嵌 select 时：
-
layui-table-body和layui-table-box默认有overflow: hidden - 原生
select下拉菜单是挂载在body下的绝对定位元素，会被父级裁剪 - 此时即使 CSS 设了
max-height，视觉上仍被“砍掉”顶部或底部
解法不是调高 max-height，而是换方案：表格内统一用 tableSelect，或把 select 移到表格外独立区域。
