是，table-layout: fixed 是必须加的；不设置则所有列宽设置基本无效，因浏览器默认 auto 布局会按内容撑开列宽，无视 width 设定，只有配合 table-layout: fixed 才能使 th/td 的 width 或 col 标签真正生效。

table-layout: fixed 是必须加的

不设 table-layout: fixed，所有列宽设置（包括 width 属性、css类、style="width:120px"）基本无效。浏览器默认用 auto 布局，会按内容撑开列宽，完全无视你的设定。

必须在表格元素上显式声明：

或全局 CSS：

.table { table-layout: fixed; }

• width: 100% 或具体像素值建议一并设置，否则 fixed 模式下表格可能收缩到内容最小宽度
• 若表格嵌套在响应式容器（如 .col-md-8）里，确保父容器有明确宽度，否则 fixed 无基准可依
• 注意：启用 fixed 后，<col> 标签和 th/td 的 width 才真正生效

列宽只能靠 th/td 的 width 或 col 标签定义

BootstrapTable 的 columns 配置中写 width: 150 只是“提示”，实际不生效——除非你配合 table-layout: fixed + 显式渲染列宽样式。

推荐两种可靠方式：

VPS Bootstrap

从零启动全新 VPS，完成 OpenClaw 完整部署，包括备份/恢复及恢复后验证。用于 OpenClaw 部署。

下载

• 在 columns 中用 class 指定样式名，然后在 CSS 里写死：{ field: 'name', title: '姓名', class: 'col-name' } → .col-name { width: 120px !important; }
• 直接在 HTML 表头加 style：<th style="width: 120px;" data-field="name">姓名</th>（适用于静态表头）
• 用 <col> 标签统一控制（更干净）：<col style="width: 120px"> <col style="width: 20%"> <col style="width: 1fr"> —— 注意：百分比和 fr 在 fixed 模式下行为受限，优先用像素值

文字换行必须配 word-break 或 overflow

设了固定列宽后，长文本（如 UUID、URL、长中文词组）会溢出或撑破列宽。光靠 width 不够，得加断行控制：

• word-break: break-all：强制在任意位置断行，适合纯数据展示（如 ID、编码）
• overflow: hidden; text-overflow: ellipsis; white-space: nowrap：截断+省略号，适合标题类字段
• white-space: normal + vertical-align: top：让多行文字对齐顶部，避免错位

这些样式建议加在 th, td 上，而不是只加在 table 上：

th, td { word-break: break-all; }

BootstrapTable 固定列插件会覆盖列宽

如果你用了 bootstrap-table-fixed-columns，它内部会动态计算并重写列宽，导致你手动设的 width 被覆盖。此时必须：

• 确认插件已加载完成后再操作 DOM，比如在 onPostBody 回调里补样式
• 用更具体的 CSS 选择器强行覆盖，例如：.fixed-table-body .fixed-table-header th[data-field="id"] { width: 80px !important; }
• 避免同时设置 fixedColumns: true 和大量 width 配置，优先依赖插件自身的 fixedNumber + 容器宽度控制

固定列区域和主表区域的列宽同步靠 JS 计算，不是纯 CSS 控制，所以不要指望单靠样式搞定两边对齐——得看插件是否触发了 fitHeaderColumns。