cellStyle 不支持渐变背景，因其仅接受 background-color 等单值属性，而 linear-gradient() 属于 background 属性值；必须用 templet 返回带 background: linear-gradient() 的内联样式并设宽高100%填满单元格。
cellStyle 不支持渐变背景，必须用 templet 函数返回带 background: linear-gradient() 的内联样式。
为什么 cellStyle 不能设渐变色
cellStyle 要求返回纯 CSS 内联样式字符串，且只接受 background-color 这类单值属性；linear-gradient() 是 background 属性的值，不是颜色值——写成 background-color: linear-gradient(...) 浏览器直接忽略，不报错也不生效。
-
cellStyle的返回值会被当作style属性整体注入，它不解析 CSS 语法，只做字符串拼接 - 即使你返回
'background: linear-gradient(135deg, #1890ff, #722ed1);'，Layui 内部会把它塞进style="background-color: ..."框架里，导致失效 - 官方文档和源码均未对
cellStyle做background属性支持，这是底层限制，不是配置问题
用 templet 实现单元格渐变背景
这是唯一稳定可行的方式：用 templet 返回一个包裹 div，手动设置 background 渐变，并控制尺寸填满单元格。
- 必须设
width: 100%; height: 100%，否则渐变区域只包裹文字内容，留白 - 推荐加
padding和text-align保持与原单元格对齐一致 - 如果字段值含用户输入，务必用
layui.util.escape(d.field)防 XSS - 示例：
{ field: 'score', title: '成绩', templet: function(d) { let bg = d.score >= 90 ? 'linear-gradient(135deg, #5FB878, #2E7D32)' : d.score >= 60 ? 'linear-gradient(135deg, #F7BA1E, #EF6C00)' : 'linear-gradient(135deg, #FF5722, #D32F2F)'; return '<div style="background: ' + bg + '; color: white; padding: 4px 8px; text-align: center; width: 100%; height: 100%;">' + d.score + '</div>'; } }
注意兼容性和渲染边界
渐变在移动端或折叠表头（responsive: true）下会失效，因为 DOM 结构被重写为 .layui-table-col-spread，原 templet 不再执行。
- 响应式开启后，
templet只作用于桌面版结构；小屏下需额外写媒体查询 + 伪元素模拟渐变 - 不要给
templet内的div加 class 后用外部 CSS 控制渐变——Layui 重载时不会保留 class 绑定逻辑 - 如果表格启用了
fixed: true（固定列），左侧固定区的单元格宽度可能被压缩，需在templet中加box-sizing: border-box防 padding 溢出
渐变是视觉增强手段，但 Layui 表格的渲染机制决定了它无法通过配置项“开箱即用”；所有渐变方案都绕不开 templet 的 HTML 字符串拼接，且必须处理好尺寸、转义、响应式三重边界。
