text: var gridOptions = {
      columnDefs: [
          { field: 'country', rowGroup: true, hide: true },
          { field: 'year', rowGroup: true, hide: true },
          { field: 'sport', minWidth: 200 },
          { field: 'gold' },
          { field: 'silver' },
          { field: 'bronze' },
          { field: 'total' },
          { field: 'age' },
          { field: 'date', minWidth: 140 },
      ],
      defaultColDef: {
          flex: 1,
          minWidth: 100,
          filter: true,
          sortable: true,
          resizable: true,
      },
      autoGroupColumnDef: {
          headerName: 'Group',
          field: 'athlete',
          minWidth: 250,
      },
      enableRangeSelection: true,
      animateRows: true,
  };
  
  // setup the grid after the page has finished loading
  document.addEventListener('DOMContentLoaded', function() {
      var gridDiv = document.querySelector('#myGrid');
      new agGrid.Grid(gridDiv, gridOptions);
  
      agGrid.simpleHttpRequest({ url: 'https://www.ag-grid.com/example-assets/olympic-winners.json' })
          .then(function(data) {
              gridOptions.api.setRowData(data);
          });
  });
  