应使用 table.resize() 而非 window.onresize + table.reload()，因其仅重排尺寸、不丢页码/排序/选中等状态，且需传入正确表格 id 并在 done 回调中绑定防抖 resize 监听。
直接用 table.resize()，别自己写 resize 监听 + reload —— 它专为此设计，且不丢状态。
为什么不能用 window.onresize + table.reload()
表格缩放时 DOM 尺寸变化，但 Layui 不会自动重算列宽；手动 reload() 看似可行，实际会清空当前页码、排序、选中行等状态，用户操作中断感强。而 table.resize() 只重排尺寸，不重载数据，也不影响分页器或已激活的编辑态。
-
table.reload()触发完整重渲染：重新请求接口（除非加where: {}缓存）、重置分页、丢失当前排序字段和方向 -
table.resize()仅调用内部setColsWidth()和scrollTo()，列宽自适应容器，滚动条位置保持 - 源码证实：
table.resize()最终走的是Class.prototype.resize = function(id)，不碰data或page配置
table.resize() 的正确调用方式
必须传入表格实例的 id（即 render() 时 elem 对应的唯一标识），且需确保该实例已初始化完成。常见错误是还没 render 完就调 resize，或传错 id 字符串。
- 初始化后立即绑定，推荐在
table.render()的done回调里注册 resize 监听 - 使用防抖避免高频触发（虽然
resize()本身轻量，但浏览器缩放可能连续触发） - 示例代码：
var tableIns = table.render({
elem: '#demo',
id: 'demoTable',
// ...其他配置
done: function() {
var debounceResize = layui.layuiAdmin && layui.layuiAdmin.debounce ?
layui.layuiAdmin.debounce(150, function() {
table.resize('demoTable');
}) :
function() { table.resize('demoTable'); };
$(window).on('resize', debounceResize);
}
});
缩放兼容性差的真正原因和补救点
即使用了 table.resize()，部分场景仍错位——根源不在 JS，而在 CSS 单位和容器约束。Layui 表格默认列宽基于 px 计算，缩放后像素物理尺寸变，但 CSS 未声明 box-sizing: border-box 或未重设 padding/margin，导致单元格内容溢出或挤压。
- 检查表格容器是否设置了固定
width或max-width，这会限制resize()的生效范围 - 在自定义 CSS 中强制重置关键样式：
.layui-table td, .layui-table th { box-sizing: border-box; } - 避免给
td内元素（如input、img）设死width: 100px，改用max-width: 100%或width: fit-content - 若列内有长文本，确认
.layui-table-cell的white-space: nowrap是否被覆盖，否则换行会撑高行高
最易被忽略的是：缩放后表格高度没变，但行高计算失准，导致滚动条异常或底部空白——这时要检查是否在全局 CSS 里误改了 font-size 或 line-height，它们会间接影响 table.resize() 的行高测量逻辑。
