Hey there! Let's sort out how to remove that unwanted checkbox from your Ag-Grid menu when using Vue.js. I’ve looked at your current column configuration and understand what you’re trying to fix—here are the most straightforward solutions:

先理清楚你的现有配置 #

You’ve got this column setup right now:

{ 
  headerName: "", 
  width: 30, 
  checkboxSelection: true, 
  suppressMenu: true, 
  filter: false, 
  floatingFilterComponentParams: { suppressFilterButton: true } 
}

The suppressMenu: true hides the entire column header menu, but it sounds like you either want to keep the menu without the checkbox-related options, or maybe that setting isn’t working as expected. Let’s cover both scenarios.

方法1：全局禁用菜单中的全选复选框 #

If you want to remove the "Select All" (or similar) checkbox option from all column menus in your grid, add these settings to your gridOptions:

gridOptions: {
  // 移除列头菜单里的"全选"选项
  suppressColumnSelectAll: true,
  // 如果还想禁用行层面的全选功能，加上这个
  suppressRowSelectAll: true,
  // 其他你的网格配置...
}

方法2：自定义单个列的菜单（保留菜单但移除指定选项） #

If you want to keep the column header menu but just strip out the checkbox/selection-related items, use the getContextMenuItems hook to filter the default menu options:

gridOptions: {
  getContextMenuItems: (params) => {
    // 获取默认的菜单项列表
    const defaultMenuItems = params.defaultItems;
    // 过滤掉包含"Select"的选项（比如"Select All"、"Deselect All"）
    return defaultMenuItems.filter(item => !item.name?.includes('Select'));
  },
  // 记得把之前的suppressMenu: true删掉，不然菜单会被隐藏
}

小提醒 #

Keep in mind that checkboxSelection: true controls the checkboxes in the column cells—this is separate from the menu options. So if you want to keep the cell checkboxes but remove the menu's selection options, the above methods will work perfectly without affecting the cell checkboxes.

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