layui table不提供列级阴影API，需用CSS :nth-child(n)或JS done回调动态加class实现；内阴影+position: relative+overflow: visible是关键。
layui table 的列样式只能靠 CSS 选择器硬改
layui 表格本身不提供「给第3列加阴影」这种粒度的 api，cols 配置里没有 shadow 或 cellstyle 这类字段。你得绕过 js 配置，直接操作渲染后的 dom 节点加 class 或内联样式。
关键在于：layui 渲染完表格后，每列单元格（td 和 th）默认带 layui-table-cell 类，但不会按列序号打标记——所以必须用 CSS 的 :nth-child(n) 或 JS 动态加 class。
- 推荐用
:nth-child()，简单、无副作用，适合静态列结构 - 如果列宽自适应或启用了拖拽排序，
:nth-child()会失效（顺序变了），此时得用 JS 在done回调里遍历tr，给每个td:nth-of-type(3)加 class - 别试图在
templet里写style="box-shadow:..."—— 阴影会被 layui 默认的border-collapse: collapse和overflow: hidden截掉
用 :nth-child(n) 给第2列加阴影的最小可行方案
假设你要阴影的是「操作」列，它在配置中是第2列（索引为1，但 CSS 从1开始数），直接在页面底部加这段 CSS 就行：
/* 注意：必须比 layui 默认样式权重高 */
.layui-table tbody tr td:nth-child(2),
.layui-table thead tr th:nth-child(2) {
box-shadow: inset 2px 0 6px -2px rgba(0,0,0,.1);
position: relative;
}
-
inset是关键：外阴影（box-shadow: 2px...）会被父容器裁掉，只有内阴影能稳稳贴在单元格右侧 - 必须加
position: relative，否则某些浏览器下inset阴影不生效 - 如果列固定了宽度（
width: 120px），阴影可能被截断，此时要配合padding-right: 4px留出空间
JS 动态加 class 的适用场景和写法
当列顺序会变（比如用户拖拽调整列宽/位置）、或者需要根据数据内容条件加阴影（比如只给金额 > 10000 的行该列加阴影），就得用 JS。
在 table.render() 的 done 回调里操作：
done: function(res, curr, count){
// 给第3列（索引2）所有单元格加 shadow-col
$('.layui-table tbody tr').each(function(){
$(this).find('td').eq(2).addClass('shadow-col');
});
$('.layui-table thead tr').find('th').eq(2).addClass('shadow-col');
}
-
.eq(2)比:nth-child(3)更可靠——它按 jQuery 遍历顺序取，不受 HTML 结构里其他元素干扰 - 记得同时处理
thead，否则表头没阴影，视觉断裂 - 如果开启分页，每次翻页后
done会再触发，所以不用额外监听
阴影被吃掉？检查这三处
常见现象：写了 box-shadow，但完全看不到效果。大概率卡在这三个地方：
-
.layui-table默认有overflow: hidden—— 把它干掉：.layui-table { overflow: visible; } - 单元格背景色太深（比如
#f8f8f8），阴影对比度低到看不见，换浅色背景或加大rgba的 alpha 值 - 用了
cellMinWidth或minWidth导致列宽压缩，阴影像素被挤没了，临时注释掉这些配置确认是否是它
复杂点在于：layui 的表格重绘逻辑会让某些 CSS 规则在 resize 或排序后失效，所以最稳的方式不是依赖单次样式注入，而是把关键规则（比如 .shadow-col）写死在全局 CSS 文件里，JS 只负责加 class。
