fix(tgrid): create and assign unique data ids (#3840)

Author: onlyexeption

src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.html

@@ -1,6 +1,6 @@
 <div class="grid__wrapper">
     <igx-tree-grid [igxPreventDocumentScroll]="true" [data]="localData" [autoGenerate]="false" primaryKey="ID"
-        foreignKey="ParentID" height="350px" width="100%" primaryKey="ID">
+        foreignKey="ParentID" height="350px" width="100%">
         <igx-grid-toolbar #toolbar>
             <igx-grid-toolbar-actions>
                 <button [disabled]="toolbar.showProgress" (click)="longRunning(toolbar)" igxButton>

src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts

@@ -17,9 +17,19 @@ export class TreeGridExportVisualizationComponent {
     private data = ORDERS_DATA;
 
     constructor() {
-        for (let i = 0; i < 15000; i += 3) {
+        const offsetStep = Math.max(...this.data.map(item => item.ID)) + 1;
+
+        for (let i = 0; i < 9000; i += 3) {
+            const offset = (i / 3) * offsetStep;
+
             for (let c = 0; c < this.data.length; c++) {
-                this.localData.push(this.data[c]);
+                const item = this.data[c];
+                this.localData.push({
+                    ...item,
+                    ID: item.ID + offset,
+                    ParentID: item.ParentID === -1 ? -1 : item.ParentID + offset,
+                    OrderDate: new Date(item.OrderDate)
+                });
             }
         }
     }