import { GridOptions } from '@ag-grid-community/core' ; const gridOptions = { columnDefs : [ { headerName : 'Row #' , field : 'rowNumber' , width : 120 , } , { field : 'autoA' , width : 300 , wrapText : true , autoHeight : true , headerName : 'A) Auto Height' , } , { width : 300 , field : 'autoB' , wrapText : true , headerName : 'B) Normal Height' , } , ] , defaultColDef : { sortable : true , resizable : true , } , rowHeight : 150 , onGridReady : function ( params ) { setTimeout ( function ( ) { params . api . setRowData ( getData ( ) ) ; } , 500 ) ; } , sideBar : { toolPanels : [ { id : 'columns' , labelDefault : 'Columns' , labelKey : 'columns' , iconKey : 'columns' , toolPanel : 'agColumnsToolPanel' , toolPanelParams : { suppressRowGroups : true , suppressValues : true , suppressPivots : true , suppressPivotMode : true , suppressSideButtons : true , suppressColumnFilter : true , suppressColumnSelectAll : true , suppressColumnExpandAll : true , } , } , ] , defaultToolPanel : 'columns' , } , } ; document . addEventListener ( 'DOMContentLoaded' , function ( ) { var gridDiv = document . querySelector ( '#myGrid' ) ; new agGrid . Grid ( gridDiv , gridOptions ) ; } ) ;