Прокрутите сетку ag до вновь созданного элемента и выделите строку

Я использую ag-grid в angular для приложения операции CRUD. Когда я создаю новый элемент, он будет обновляться в сетке, но после обновления полоса прокрутки элемента должна прокручиваться до позиции нового элемента, и эта строка нового элемента должна быть выделена.

Посоветуйте эксперта пожалуйста?

HTML

<ag-grid-angular style = "width: 100%; height: 100%;" class = "ag-theme-balham" [defaultColDef] = "defaultColDef"
      [columnDefs] = "columnDefs" [rowSelection] = "rowSelection" [rowData] = "rowData" [suppressMenuHide] = "true"  [rowDragManaged] = "true"
     [frameworkComponents] = "frameworkComponents" (selectionChanged) = "onSelectionChanged()"
      (rowClicked)='onRowClicked($event)' (gridReady) = "onGridReady($event)" [gridOptions] = "gridOptions">
    </ag-grid-angular>

ТС

ngAfterViewInit(): void {
    this.gridOptions.api.setColumnDefs([
      {
        headerName: "",
        field: "markedAsFavorite",
        minWidth: 50,
        maxWidth: 50,
        headerComponentParams: { menuIcon: "fa-star" },
        cellRendererFramework: DisciplinesCellComponent,
        cellRendererParams: {
          ngTemplate: this.greetCell
        }
      },
      {
        headerName: "Disciplines",
        field: "name", valueGetter: (params) => params.data.name.en,
      },
      {
        headerName: "Market",
        field: "market", valueGetter: (params) => params.data.markets.name,
      },
      {
        headerName: "Description",
        field: "description", valueGetter: (params) => params.data.description.en
      }
    ]);
  }