应用表格筛选后样式异常未占满宽度，是否为JS修改了表格CSS？

• 存在可复现问题的在线演示环境
• 故障表现：点击搜索按钮触发筛选功能后，表格样式展示异常。已为表格设置min-width: 100%属性，但筛选执行后表格会自动根据列内容调整列宽，无法撑满100%容器宽度，暂未定位问题诱因是JS逻辑还是CSS配置问题。
• 当前表格使用的CSS代码如下：

.calendar-table {
    border-collapse: collapse;
    margin: 10px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 100% !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    table-layout: fixed !important;
}

核心问题是CSS配置缺失，和JS逻辑无直接关联：
table-layout: fixed属性生效的前提是表格有明确的宽度基准值，仅设置min-width: 100%只能限制表格最小宽度，无法给固定布局提供列宽分配的计算依据。当筛选功能触发DOM更新（过滤显示部分行）时，浏览器会重新按当前可见内容计算表格的固有宽度，只要计算值不小于min-width的约束就会直接渲染，最终出现表格收缩、无法撑满容器的问题。

• 给.calendar-table补充显式的width: 100%属性，给固定布局提供明确的宽度计算基准，不需要保留多余的!important标记即可生效，修改后代码如下：

.calendar-table {
    border-collapse: collapse;
    margin: 10px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    width: 100%;
    min-width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    table-layout: fixed;
}

• 若补充宽度属性后问题仍存在，检查筛选JS逻辑：确认筛选执行时没有临时修改表格父容器的display属性（比如先隐藏容器处理数据再显示，会导致父容器宽度计算为0，表格按内容收缩）。如果存在这类逻辑，在容器重新显示后手动触发表格重绘即可。
• 若表格外层有包裹容器，给容器设置width: 100%，避免容器宽度随表格内容收缩。

内容的提问来源于stack exchange，提问作者mdomfu