I'm able to display the data using bootstrap table class, but the thing here is to populate the data using Ag Grid and that too hard coded data I'm unable to do this. Please help me with this!

MY HTML CODE :

<ag-grid-angular
  class="ag-theme-alpine"
  [columnDefs]="columnDefs"
  [rowData]="rowData">
  </ag-grid-angular>

MY Angular component code :

rowData: any[]=[];
  columnDefs: ColDef[]=[];
  this.columnDefs = [
  { field: 'Name' },
  { field: 'age' },
  { field: 'Interest'}
  ];

  this.rowData = [
  { Name: 'CN', age: '22', Interest: 'Hnz'},
  { Name: 'CN', age: '22', Interest: 'Hnz'},
  { Name: 'CN', age: '22', Interest: 'Hnz'},
  { Name: 'CN', age: '22', Interest: 'Hnz'},
  { Name: 'CN', age: '22', Interest: 'Hnz'},
  ];