Layui表格单元格闪烁不能用cellStyle写animation，必须通过done回调动态加CSS类（如.cell-blink）并配合@keyframes实现；因rowStyle作用整行、templet重绘重置动画，唯done可确保每次渲染后精准重置闪烁状态。
cellStyle 里不能用 animation 或 transition
想让单元格背景“闪烁”，第一反应是加 css 动画，比如 animation: blink 1s infinite;。但 cellstyle 返回的是内联样式字符串，只支持静态属性（如 background-color、color），不支持 @keyframes 定义或 animation 触发——浏览器会忽略这些声明。
真正能生效的只有纯 CSS 类 + 外部样式表驱动。所以必须放弃在 cellStyle 里写动画逻辑，转而用 class 控制。
-
cellStyle只负责“标记该单元格需要闪烁”，例如返回'background-color: #fff3cd;'或空字符串 - 闪烁效果靠外部 CSS 类（如
.cell-blink）定义animation，再通过 JS 动态加 class 实现 - 加 class 必须用事件代理，且每次重绘后要重新应用——因为表格翻页、排序、reload 会重建 DOM
用 table.on('rendered') + class 切换实现真闪烁
Layui 没有 rendered 事件，但可用 done 回调模拟：它在每次渲染完成（含初始加载、翻页、reload）后触发，是唯一可靠的时机去批量操作 DOM。
关键不是“一次性加 class”，而是每次 done 都重新筛选目标单元格并绑定 class，否则分页后就失效。
- 在
done里用res.data找出需闪烁的行索引（如row.status === 'pending'） - 用
$(elem).find('tbody tr').eq(index).find('td[data-field="status"]')精确定位单元格 - 先清除已有
.cell-blink：$(elem).find('.cell-blink').removeClass('cell-blink') - 再给目标单元格加 class：
$target.addClass('cell-blink') - CSS 中定义：
.cell-blink { animation: blink 1.5s infinite; }+@keyframes blink { 0% { background-color: #fff3cd; } 50% { background-color: #ffeb3b; } 100% { background-color: #fff3cd; } }
为什么不能用 rowStyle 或 templet 实现单元格级闪烁
rowStyle 作用于整行 <tr>，设了背景色会覆盖所有单元格，无法单独控制某一列；<code>templet 虽可返回带 class 的 HTML，但它在每次渲染时都重新生成 DOM，动画状态（如 animation-play-state）无法保持，会重置为初始帧，看起来就是“闪一下就停”。
-
rowStyle返回{ background: '#fff3cd' }→ 整行变黄，非单单元格 -
templet返回'<div class="cell-blink">' + d.status + '</div>'→ 每次重绘都重播动画，无持续闪烁感 - 唯一稳定方式：DOM 渲染后，用 class + CSS animation +
done重置，靠浏览器原生动画引擎维持节奏
容易被忽略的兼容性与性能点
IE11 不支持 animation，且 done 里频繁操作 DOM（尤其大数据量）可能卡顿。真实项目里，闪烁不该是常态交互，而是临时状态提示（如“正在处理中”），建议加开关控制。
- 加个全局 flag：
window.isBlinkEnabled = true，在done开头判断，避免无意义重刷 - 移动端慎用：部分安卓 WebView 对
animation支持差，或触发 repaint 过频导致掉帧 - 别在
done里用setTimeout延迟加 class——Layui 渲染完成即刻执行，延迟反而造成视觉不同步 - 如果只是“高亮一下再恢复”，用
transition+ JS 切 class 更轻量，比无限动画更可控
