如何隐藏Microsoft Lists视图右侧的「+ Add column」按钮？

方法1：使用SPFx List View Command Set扩展（官方稳定方案） #

这是精准针对特定视图的官方支持方法：

• 创建SPFx List View Command Set项目，在onInit方法中判断当前视图的标题或ID是否为目标视图
• 通过DOM操作定位「+ Add column」按钮（元素通常带ms-CommandBarItem类，文本包含"Add column"）
• 调用style.display = 'none'隐藏该元素
• 将扩展部署到目标站点，仅绑定到目标列表的指定视图

核心代码片段：

public onInit(): Promise<void> {
  return super.onInit().then(() => {
    const targetViewTitle = "你的目标视图名称";
    const currentViewTitle = this.context.pageContext.listView.title;
    
    if (currentViewTitle === targetViewTitle) {
      setTimeout(() => {
        const addColumnBtn = Array.from(document.querySelectorAll('.ms-CommandBarItem')).find(el => 
          el.textContent.includes('Add column')
        );
        if (addColumnBtn) {
          (addColumnBtn as HTMLElement).style.display = 'none';
        }
      }, 1000); // 延迟确保DOM加载完成
    }
    return Promise.resolve();
  });
}

方法2：自定义CSS（非官方，有局限性） #

若不想开发SPFx，可通过嵌入页面+注入CSS实现：

• 创建现代页面，嵌入目标列表的指定视图
• 添加「脚本编辑器」Web部件，插入以下CSS（需替换为目标视图ID，可通过浏览器开发者工具获取）：

[data-list-view-id="你的视图ID"] .ms-CommandBarItem:has(span:contains("Add column")) {
  display: none !important;
}

注意：此方法依赖页面DOM结构，微软更新界面后可能失效，且需要页面编辑权限

权限限制替代方案 #

若不需要完全隐藏，可通过权限控制间接实现：

• 给目标用户组分配「读取」或「编辑」权限（不含「设计」「完全控制」权限），用户默认看不到「+ Add column」按钮
• 缺点：该限制针对整个列表，无法仅作用于单个视图

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