You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何隐藏SharePoint标准列表中的图标?是否存在可行方法?

SharePoint标准列表图标隐藏方法

针对你要隐藏SharePoint标准列表中图标的需求,以下是几种可行的实现方式:

1. 列表视图JSON格式化(无开发权限)

直接在列表的视图设置里通过JSON格式化隐藏图标,操作步骤:

  • 打开目标列表,点击顶部的「视图」→「格式化当前视图」
  • 清空默认代码,粘贴以下JSON并保存:
{
  "schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json",
  "rowFormatter": {
    "elmType": "div",
    "style": {
      "display": "flex",
      "align-items": "center",
      "padding": "8px 0"
    },
    "children": [
      {
        "elmType": "span",
        "txtContent": "[$Title]",
        "style": {
          "font-size": "14px"
        }
      }
    ]
  }
}

这种方式会直接移除每行的图标,只显示标题内容,适合快速修改单个视图。

2. 自定义CSS(需站点自定义权限)

如果需要全局隐藏站点内所有列表的图标,可以通过注入CSS实现:

/* 隐藏列表项左侧图标 */
.ms-list-item-icon {
    display: none !important;
}
/* 调整内容缩进,避免左侧留白 */
.ms-list-item-body {
    margin-left: 0 !important;
}
  • 经典站点:添加「内容编辑器」Web部件,把CSS代码放在<style>标签里插入
  • 现代站点:通过SPFx扩展注入样式,或在允许自定义脚本的站点使用脚本编辑器Web部件

3. SPFx扩展开发(适合全局/复杂场景)

如果需要在租户范围内批量应用,或者结合其他自定义逻辑,可以开发SPFx的ListView扩展,通过代码定位图标元素并隐藏。这种方式需要具备SharePoint开发能力,部署后可在指定站点集或全租户生效。

附你提供的截图:
SharePoint列表图标示例

内容的提问来源于stack exchange,提问作者LeberkäseWhatsappgruppe

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.04 20:50:29