<div id="graphs" class="row">
  <div class="col-4">
    <button class="btn-primary" (click)="goToTemplateView()">GOTO TEMPLATE</button>
  </div>
  <div class="col-4">
    <button class="btn-primary" (click)="createTemplateView()">CREATE TEMP BUTTON</button>
  </div>
  <div class="col-4">
    <button class="btn-primary" (click)="createPaperView()">CREATE OMP BUTTON</button>
  </div>
</div>
<div id="classes" class="row">
  <div>
    <h3>Your Classes</h3>
  </div>
  <ag-grid-angular
     style="width: 1000px; height: 500px;"
     class="ag-theme-balham"
     [columnDefs]="columnDefs"
     [rowData]="rowData | async"
     [gridOptions]="gridOptions"
  >
  </ag-grid-angular>
</div>