无脚本自定义现代SharePoint Online列表视图：如何用JSON隐藏元素

当SharePoint禁用自定义脚本导致CSS无法生效时，可通过原生支持的视图格式设置或列格式设置（根据目标元素类型）用JSON实现隐藏，以下是具体方案：

1. 隐藏列表/库中的指定列 #

针对列表内的某列，直接在列的格式设置中使用如下JSON：

{
  "hideColumn": true
}

操作步骤：

• 进入目标列表/库，点击要隐藏列的下拉菜单，选择「列设置」→「格式化此列」
• 在弹出的格式编辑器中粘贴上述JSON，保存即可

2. 隐藏列表视图中的操作按钮/特定行 #

隐藏顶部工具栏按钮（如配图中的操作按钮） #

针对视图顶部的操作按钮（比如「新建」「编辑」），通过视图格式设置实现：

{
  "commandBarProps": {
    "commands": [
      {
        "key": "new",
        "hide": true
      }
    ]
  }
}

操作步骤：

• 进入目标视图，点击视图下拉菜单→「格式化当前视图」
• 在编辑器中粘贴上述JSON，将"new"替换为对应按钮的key（可通过浏览器开发者工具查看按钮的data-command属性值获取）

隐藏特定条件的行 #

如果要根据字段值隐藏某一行，可使用视图的行格式化JSON：

{
  "rowFormatter": {
    "elmType": "div",
    "style": {
      "display": "=if([$Title] == '指定内容', 'none', 'flex')"
    },
    "children": [
      {
        "elmType": "div",
        "txtContent": "[$Title]"
      }
    ]
  }
}

可根据实际需求修改字段（如[$Title]）和判断条件，实现符合要求的行隐藏。

3. 隐藏页面中的Web部件 #

针对页面上的Web部件，在其高级设置中添加自定义JSON：

{
  "style": {
    "display": "none"
  }
}

操作步骤：

• 编辑页面，选中目标Web部件，点击「编辑Web部件」→「高级」
• 在「自定义属性」中输入上述JSON，保存页面即可

注意：以上所有操作均为SharePoint原生支持功能，无需启用自定义脚本，不会被系统清除。

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