Layui table.reload() 会全量替换 DOM 导致自定义 CSS 失效，应改用 done 回调动态加样式或 cellStyle/rowStyle 函数式配置，二者均能自动适配重载。
reload 后自定义 CSS 为什么丢了
Layui 的 table.reload() 内部会重新渲染整个表格 DOM，包括 <table> 及其子元素。你之前用 class 或 ID 直接写的样式（比如 .my-row-hover、#my-table .layui-table td）如果只在初始化后一次性加到页面上，reload 时这些 DOM 被全量替换，样式自然就“断连”了——不是 CSS 文件没加载，是元素没了，老样式没机会再 apply。
把样式绑定到 table 实例的 done 回调里
这是最稳的做法：每次 reload 完 DOM 重建，立刻补上你的样式逻辑。别依赖外部 CSS 文件的静态规则，改用 JS 动态加 class 或内联 style。
-
done回调在每次渲染完成（含 reload）后触发，且能拿到当前表格的data和count - 用
layui.$（或原生document.querySelectorAll）选中新生成的行/单元格，再加 class 或设 style - 避免在
init阶段一次性操作 DOM，那只能管第一次
table.render({
elem: '#my-table',
url: '/api/list',
done: function(res, curr, count) {
// reload 后这里一定执行
layui.$('.layui-table tbody tr').addClass('my-custom-row');
layui.$('.layui-table td:eq(2)').css('color', '#e6a23c');
}
});
用 cellStyle 和 rowStyle 替代全局 CSS
如果你的样式是按列或按行条件变化的（比如状态列标红、金额列右对齐），直接用 Layui 表格内置的函数式配置，比手动操作 DOM 更可靠，也自动适配 reload。
-
cellStyle接收params（含row,col,rowIndex,colIndex），返回对象如{'background-color': '#f9f9f9'} -
rowStyle同理，但作用于整行，返回对象可含height、backgroundColor等 - 注意：这两个函数在每次渲染（含 reload）时都会被逐行/逐单元格调用，无需额外监听
table.render({
cols: [[
{field: 'status', title: '状态', cellStyle: function(params){
return params.row.status === 'error'
? {'color': 'red', 'font-weight': 'bold'}
: {};
}}
]]
});
避免用 :not(.layui-table-view) 这类选择器干扰重载
有些同学为了“绕过 Layui 默认样式”写过类似 .my-table td:not(.layui-table-view) 的 CSS，结果 reload 后新 DOM 没匹配上——因为 .layui-table-view 是 Layui 渲染时动态加的父容器 class，而你的选择器排除了它，反而把目标元素过滤掉了。
立即学习“前端免费学习笔记（深入）”；
- 检查浏览器开发者工具里 reload 后的实际 DOM 结构，确认 class 是否真存在
- 优先用层级更稳的选择器，比如
#my-table .layui-table tbody tr - 禁用 CSS 的
:not()、:nth-child()等易受 DOM 重建影响的伪类做关键样式控制
done 回调兜底重刷，一种是把样式逻辑塞进 cellStyle/rowStyle 这种框架原生支持的钩子里。其他路子，基本都得修。 
