import { GridOptions } from '@ag-grid-community/core' ; var rowData = [ { orgHierarchy : [ 'A' ] } , { orgHierarchy : [ 'A' , 'B' ] } , { orgHierarchy : [ 'C' , 'D' ] } , { orgHierarchy : [ 'E' , 'F' , 'G' , 'H' ] } , ] ; const gridOptions = { columnDefs : [ { field : 'groupType' , valueGetter : function ( params ) { return params . data ? 'Provided' : 'Filler' ; } , } , ] , defaultColDef : { flex : 1 , } , autoGroupColumnDef : { headerName : 'Organisation Hierarchy' , cellRendererParams : { suppressCount : true , } , } , rowData : rowData , treeData : true , animateRows : true , groupDefaultExpanded : - 1 , getDataPath : function ( data ) { return data . orgHierarchy ; } , } ; document . addEventListener ( 'DOMContentLoaded' , function ( ) { var eGridDiv = document . querySelector ( '#myGrid' ) ; new agGrid . Grid ( eGridDiv , gridOptions ) ; } ) ;