layui-table外层无阴影需加在layui-table类div上，而非layui-table-box；因后者滚动时会裁剪阴影，而前者为静态容器可完整显示阴影。
layui-table 容器外层没阴影？直接加 box-shadow 就行
layui 的 table 渲染后，实际表格元素（<table>）被包在多个容器里，最外层是 layui-table 类名的 <div>。它默认不设 box-shadow，也不继承父级样式——所以不能只给 <table> 加，得定位到那个包裹 <table> 的 <div>。
实操建议：
- 用浏览器开发者工具选中表格任意单元格，往上逐层看父节点，找到 class 为
layui-table的<div>（注意：不是layui-table-box，那是滚动容器） - 对该元素添加 CSS：
.layui-table { box-shadow: 0 2px 12px rgba(0,0,0,.1); border-radius: 4px; overflow: hidden; } - 如果用了固定列或开启高度自适应，
layui-table-box可能会遮住阴影——此时需同时给它加padding或调小box-shadow模糊值
为什么加在 layui-table 上而不是 layui-table-box？
layui-table-box 是带横向/纵向滚动条的包裹层，位置固定、常设 overflow: auto，且高度可能小于内容。直接给它加阴影，容易被内部滚动裁剪，或者在滚动时阴影“断开”。
而 layui-table 是静态容器，始终包裹整个表格结构（含表头、tbody、固定列占位等），阴影能完整呈现。
常见错误现象：
- 阴影只出现在顶部/左侧，滚动后消失 → 错加在
layui-table-box上 - 阴影被白色背景盖住 → 父容器（如
layui-card）有background-color且未设overflow: visible - 响应式缩放后阴影错位 → 用了
transform缩放，应改用zoom或媒体查询重设box-shadow
兼容性与性能注意点
box-shadow 在所有现代浏览器都支持，包括 IE10+；但老版本 IE 不支持 rgba 颜色值，若需兼容 IE9，改用十六进制色 + filter: progid:DXImageTransform.Microsoft.Shadow（不推荐，维护成本高）。
性能方面：
- 避免对
layui-table使用box-shadow+border-radius+overflow: hidden组合渲染大量行（>500 行），可能触发全层重绘 - 若表格启用了虚拟滚动（
height参数），阴影可放心加——因为layui-table高度固定，不会频繁重排 - 不要用 JS 动态计算并插入 style，CSS 类名方式更稳定
和 layui 主题、皮肤冲突怎么办？
layui 默认主题（layui.css）本身不定义 layui-table 的阴影，但部分第三方皮肤（如 layuimini 或自定义主题）可能已覆盖该类。这时优先检查是否已有同名规则被 !important 强制应用。
解决方法：
- 在你自己的 CSS 文件中，用更高权重的选择器，例如：
.layui-card .layui-table { ... } - 确认是否启用了
skin参数（如skin: 'line'），line / row 样式下layui-table结构不变，不影响阴影添加 - 如果用了
elem: '#id'渲染，可在初始化后加一句：$('#id').closest('.layui-table').css('box-shadow', '...');（仅限简单场景，不推荐长期使用）
layui.util.fixbar 或 layui.element.tabChange 后手动重置容器尺寸——但那已经是布局逻辑的事了。 
