如何移除MudDataGrid表头及全局筛选栏的三点选项按钮？

隐藏表头列的三点按钮 #

默认情况下，MudDataGrid的每列都启用了上下文菜单（即表头的三点按钮），即便你没显式配置相关参数，它也会自动显示。要全局关闭所有列的这个按钮，只需在MudDataGrid组件中设置ColumnDefaults：

<MudDataGrid T="YourModel" 
             Filterable="true" 
             SortMode="SortMode.Single"
             ColumnDefaults="@(new ColumnDefaults { ContextMenuEnabled = false })">
  <!-- 你的列定义 -->
</MudDataGrid>

如果只想关闭特定列的三点按钮，直接在对应列上单独设置ContextMenuEnabled="false"即可。

隐藏全局筛选栏旁的三点按钮 #

全局筛选栏旁的三点按钮来自组件默认的Toolbar菜单，要移除它，需要自定义ToolbarContent，只保留全局筛选组件，去掉菜单部分：

<MudDataGrid T="YourModel" 
             Filterable="true" 
             SortMode="SortMode.Single"
             ColumnDefaults="@(new ColumnDefaults { ContextMenuEnabled = false })">
  <ToolbarContent>
    <MudToolbar>
      <!-- 保留全局筛选栏 -->
      <MudDataGridFilterbar />
      <!-- 移除默认的MudDataGridToolbarMenu，三点按钮就不会显示了 -->
    </MudToolbar>
  </ToolbarContent>
  <!-- 你的列定义 -->
</MudDataGrid>

完整示例 #

结合上述两个设置，完整的组件代码示例如下：

<MudDataGrid T="Product" 
             Items="@Products"
             Filterable="true" 
             SortMode="SortMode.Single"
             ColumnDefaults="@(new ColumnDefaults { ContextMenuEnabled = false })">
  <ToolbarContent>
    <MudToolbar>
      <MudDataGridFilterbar />
    </MudToolbar>
  </ToolbarContent>
  <Columns>
    <PropertyColumn Property="x => x.Id" Title="ID" />
    <PropertyColumn Property="x => x.Name" Title="产品名称" />
    <PropertyColumn Property="x => x.Price" Title="价格" />
  </Columns>
</MudDataGrid>

@code {
  private List<Product> Products = new List<Product>
  {
    new Product { Id = 1, Name = "商品A", Price = 99.9m },
    new Product { Id = 2, Name = "商品B", Price = 199.9m }
  };

  public class Product
  {
    public int Id { get; set; }
    public string Name { get; set; }
    public decimal Price { get; set; }
  }
}

这样设置后，表头列和全局筛选栏旁的三点按钮都会被隐藏，同时保留你需要的默认排序和全局筛选功能。

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