import { GridOptions , LineSparklineOptions } from '@ag-grid-community/core' ; const gridOptions = { columnDefs : [ { field : 'symbol' , maxWidth : 120 } , { field : 'name' , minWidth : 250 } , { field : 'change' , cellRenderer : 'agSparklineCellRenderer' , cellRendererParams : { sparklineOptions : { type : 'line' , line : { stroke : 'rgb(124, 255, 178)' , strokeWidth : 2 , } , padding : { top : 5 , bottom : 5 , } , highlightStyle : { size : 7 , fill : 'rgb(124, 255, 178)' , strokeWidth : 0 } , } as LineSparklineOptions , } , } , { field : 'volume' , type : 'numericColumn' , maxWidth : 140 , } , ] , defaultColDef : { flex : 1 , minWidth : 100 , resizable : true , } , rowData : getData ( ) , rowHeight : 50 , } ; document . addEventListener ( 'DOMContentLoaded' , function ( ) { var gridDiv = document . querySelector ( '#myGrid' ) ; new agGrid . Grid ( gridDiv , gridOptions ) ; } ) ;