SharePoint Online列表Web部件列宽问题：新式视图布局异常

• 通过JSON列格式化强制设置宽度
  进入列表的列设置页面，找到目标列（如Column1），点击「格式化列」，在编辑框中输入以下JSON代码，自定义固定宽度或最小宽度：

  {
    "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
    "elmType": "div",
    "style": {
      "min-width": "200px",
      "width": "200px",
      "white-space": "nowrap"
    },
    "txtContent": "@currentField"
  }
  

  保存后再将视图添加到Web部件，列宽会强制生效。

• 调整Web部件布局与宽度设置
  在页面编辑模式下选中列表Web部件，打开右侧属性面板：

  • 切换「布局」选项（如从「紧凑」改为「舒适」），部分布局会保留视图的列宽设置；
  • 将Web部件宽度设置为「全屏」，避免页面容器限制导致列宽被压缩。

• 关闭视图的自动列宽调整
  进入列表的目标视图编辑页面，找到「自动调整列宽」选项并关闭，手动拖曳调整列宽后保存视图，再重新将视图添加到页面Web部件中。

• 自定义CSS注入（需开发权限）
  若上述方法无效，可通过SPFx扩展或自定义脚本注入CSS，强制指定Web部件内列的宽度：

  .sp-list-webpart-root [aria-label="Column1"] {
    min-width: 200px !important;
  }
  

  注意：自定义脚本需符合SharePoint Online的租户设置要求，避免违反权限规范。

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