fix(grid): update delete row function (#10519)

* fix(grid): update delete row function

* fix(grid): update row index selection

* fix(grid): add after-view-init implementation in sample

Author: Svetloslav15

src/app/grid-column-selection/grid-column-selection.sample.ts

@@ -1,4 +1,4 @@
-import { Component, ViewChild, OnInit, Pipe, PipeTransform } from '@angular/core';
+import { Component, ViewChild, OnInit, Pipe, PipeTransform, AfterViewInit, ChangeDetectorRef } from '@angular/core';
 import {
     IgxGridComponent,
     OverlaySettings,
@@ -21,7 +21,7 @@ import { SAMPLE_DATA } from '../shared/sample-data';
     templateUrl: 'grid-column-selection.sample.html'
 })
 
-export class GridColumnSelectionSampleComponent implements OnInit {
+export class GridColumnSelectionSampleComponent implements OnInit, AfterViewInit {
     @ViewChild('grid1', { static: true }) public grid1: IgxGridComponent;
     @ViewChild('grid', { static: true }) public grid: IgxGridComponent;
 
@@ -64,10 +64,16 @@ export class GridColumnSelectionSampleComponent implements OnInit {
         closeOnOutsideClick: true
     };
 
+    constructor(private cdr: ChangeDetectorRef) {}
+
     public log(event) {
         console.log(event);
     }
 
+    public ngAfterViewInit() {
+        this.cdr.detectChanges();
+    }
+    
     public ngOnInit(): void {
         this.displayDensities = [
             { label: 'comfortable', selected: this.density === 'comfortable', togglable: true },

src/app/grid/grid.sample.ts

@@ -172,10 +172,13 @@ export class GridSampleComponent implements OnInit, AfterViewInit {
     }
 
     public deleteRow() {
-        this.selectedRow = Object.assign({}, this.selectedCell.Row);
-        this.grid1.deleteRow(this.selectedCell.rowIndex);
-        this.selectedCell = {};
-        this.snax.open(`Row with ID ${this.selectedRow.record.ID} was deleted`);
+        if (this.selectedCell.cell) {
+            const rowIndex = this.selectedCell.cell.row.index;
+            const row = this.grid1.getRowByIndex(rowIndex);
+            row.delete();
+            this.snax.open(`Row with ID ${rowIndex} was deleted`);
+            this.selectedCell = {};
+        }
     }
 
     public restore() {