Search code examples
htmlag-grid

Is it possible to remove the the lined filter selection box in AG-Grid headers?

I'd like to remove the selection options along with the padding-right from this column if that is possible. The selection options can be found to the right of every column header when you hover over it.

The purpose of this is to ensure that the column can be made to be as narrow as possible while still showing a 3 letter long header.

Picture of the button I'd like to remove

What the "more options" button displays

Is this something I can add to these colDefs to make it so that the selectionoptions = False?

defaultColDef: {
flex: 1,
minWidth: 50,
sortable: true,
resizable: true

},

Thanks!

Solution

  • There are two settings you are looking for.

    The first you will add to columnDefs: suppressMenu: true This will hide the menu on the column headers.

    The second will be added to the gridOptions: suppressContextMenu: true This one will suppress the AG Grid context menu when you right click on the grid.