rowStyle必须返回样式对象（如{style:"background-color:#fdecea;"）才能生效，参数data含日期字段，需用formatDate统一格式化后比对年月日，多条件用if-else链累积样式，reload时须显式重传rowStyle函数。
layui table 的 rowStyle 回调怎么写才生效
直接在 table.render() 配置里加 rowStyle，它会在每行渲染前被调用，返回一个对象控制该行样式。注意：这个回调必须返回对象（哪怕空），否则默认样式会丢失；返回 null 或 undefined 会导致整行样式异常。
常见错误是只写了逻辑没 return，或者 return 了字符串（比如 "background: red"），这完全无效——rowStyle 要的是键值对，不是 CSS 字符串。
- 必须返回形如
{style: "background-color: #ffebee;"}的对象 -
rowStyle的参数是{tr, td, dataIndex, data}，其中data是当前行原始数据，日期字段就从这里取 - 如果日期字段是字符串（如
"2024-05-20"），需先转成Date实例再比对，避免字符串比较出错
如何判断日期是否“今天”或“已过期”并高亮
别直接用 new Date() === new Date(data.date) 做相等判断——毫秒级不一致必然失败。应该比对年月日。
推荐做法：把日期字段和 new Date() 都格式化为 "YYYY-MM-DD" 字符串再比较。Layui 不内置日期格式化函数，得自己写个极简的：
function formatDate(d) {
if (!d) return '';
const date = new Date(d);
return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
}
- 字段名假设是
apply_time，就在rowStyle里写if (formatDate(data.apply_time) === formatDate(new Date())) { ... } - 要标“已过期”，可加条件
new Date(data.apply_time) < new Date().setHours(0,0,0,0)（清零时分秒再比） - 注意时间字段为空或非法字符串（如
"--"、null）时，new Date()会返回Invalid Date，需提前 guard
多条件高亮（今天 / 明天 / 过期）样式冲突怎么解
多个高亮规则共存时，顺序很重要：后写的判断会覆盖前面的 style 设置。别用多个独立 if，改用 if-else if-else 链，确保互斥。
更稳妥的做法是把样式属性累积拼装，而不是覆盖整个 style 字符串：
rowStyle: function(res) {
let bgColor = '';
const today = formatDate(new Date());
const itemDate = formatDate(res.data.apply_time);
if (!itemDate) return {};
if (itemDate === today) {
bgColor = '#e8f5e9'; // 今天
} else if (itemDate === formatDate(new Date(Date.now() + 86400000))) {
bgColor = '#fff3cd'; // 明天
} else if (new Date(res.data.apply_time) < new Date().setHours(0,0,0,0)) {
bgColor = '#fdecea'; // 已过期
}
return {style: `background-color: ${bgColor};`};
}
- 每次只设
background-color，不碰color或font-weight，避免干扰 Layui 默认文字色 - 颜色用浅色系，深色背景+深色文字会导致可读性崩坏
- Layui 表格行高固定（约 43px），高亮色太深会显得压抑，建议用
#fdecea这类带透明感的浅色
为什么高亮在翻页/搜索后失效
因为 rowStyle 只在初始渲染时触发，而 Layui 的 table.reload() 或搜索重载不会自动重新走一遍该回调——除非你显式传入 rowStyle 配置。
所有动态操作（搜索、排序、分页切换）都依赖 table.reload()，必须把完整的 rowStyle 函数重新传进去，不能只传部分参数。
- 不要写
table.reload({where: {...}})，要写table.reload({where: {...}, rowStyle: yourRowStyleFn}) - 如果你把
rowStyle定义在闭包外（比如全局变量），reload 时直接引用它即可；定义在 render 内部则 reload 时拿不到，会报 undefined - 表格开启
page: true后，首次加载只渲染当前页数据，但rowStyle仍会对每页每行执行，无需额外处理
最易忽略的一点：日期字段如果是后端返回的时间戳（如 1716201600000），前端直接 new Date(1716201600000) 没问题；但如果是字符串且含时区（如 "2024-05-20T08:00:00Z"），new Date() 解析结果可能跨天，务必统一转成本地零点再比。
