chore(*): revert get row from grid collection

Author: dobromirts

projects/igniteui-angular/src/lib/grids/grid/grid.component.ts

@@ -1030,7 +1030,7 @@ export class IgxGridComponent extends IgxGridBaseDirective implements GridType,
      */
     public getRowByIndex(index: number): RowType {
         if (this.gridAPI.grid.virtualizationState){
-            return this.createRow(index);
+            index = index - this.gridAPI.grid.virtualizationState.startIndex;
         }
         if (index < 0 || index >= this.dataView.length) {
             return undefined;
@@ -1104,6 +1104,9 @@ export class IgxGridComponent extends IgxGridBaseDirective implements GridType,
         const row = this.getRowByIndex(rowIndex);
         const column = this.columnList.find((col) => col.field === columnField);
         if (row && row instanceof IgxGridRow && !row.data?.detailsData && column) {
+            if (this.gridAPI.grid.virtualizationState){
+                rowIndex = row.index;
+            }
             return new IgxGridCell(this, rowIndex, columnField);
         }
     }
@@ -1143,13 +1146,8 @@ export class IgxGridComponent extends IgxGridBaseDirective implements GridType,
      */
     public createRow(index: number, data?: any): RowType {
         let row: RowType;
-        let rec: any;
-        if (this.virtualizationState){
-            rec = data ?? this.gridAPI.get_row_by_index(index).rowData;
-        }else {
-            rec = data ?? this.dataView[index];
-        }
 
+        const rec: any = data ?? this.dataView[index];
 
         if (rec && this.isGroupByRecord(rec)) {
             row = new IgxGroupByRow(this, index, rec);