0

fairly Simple question regarding the new balham theme on Ag-grid.

Id like to disable the side button and the tool panel completely as shown in the link below: https://www.ag-grid.com/javascript-grid-tool-panel/

I can hide the tool panel, but cannot hide the side button labelled 'Columns' and was wondering if there was a simple way to do so? Many thanks

jjharrison
  • 841
  • 4
  • 19
  • 33
  • does the below answer solve your problem? If so could you accept it so other users having the same question can be benefited? – koolhuman Mar 26 '18 at 15:01

2 Answers2

2

set the property showToolPanel to false in ag-grid

[showToolPanel]="false"


<ag-grid-angular
    #agGrid
    style="width: 100%; height: 100%;"
    id="myGrid"
    class="ag-theme-balham"
    [columnDefs]="columnDefs"
    [defaultColDef]="defaultColDef"
    [enableSorting]="true"
    [showToolPanel]="false"
    [enableFilter]="true"
    (gridReady)="onGridReady($event)"
    ></ag-grid-angular>

and if you completely want to remove the columns tool panel then you can override the css

.ag-theme-balham .ag-tool-panel{
    visibility: hidden;
}
koolhuman
  • 1,581
  • 15
  • 25
  • 4
    You can also set the `toolPanelSuppressSideButtons` to `true` if you want to suppress the side buttons. – sz tech Jun 19 '18 at 12:30
0

In ag-grid v19, the option is sideBar = false (sideBar docs)

Dan Obregon
  • 941
  • 9
  • 22