From 7752abd27933a51d5e58c3e305ceff791400ea88 Mon Sep 17 00:00:00 2001
From: Ghislain Beaulac <ghislain.beaulac@se.com>
Date: Mon, 2 Mar 2020 14:05:27 -0500
Subject: [PATCH] fix(example): should re-render after clearing groups, fixes
 #407

---
 src/app/examples/grid-draggrouping.component.ts | 10 ++++------
 src/app/examples/grid-grouping.component.ts     |  1 -
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/app/examples/grid-draggrouping.component.ts b/src/app/examples/grid-draggrouping.component.ts
index a7deeb72c..d95419f18 100644
--- a/src/app/examples/grid-draggrouping.component.ts
+++ b/src/app/examples/grid-draggrouping.component.ts
@@ -272,6 +272,7 @@ export class GridDraggableGroupingComponent implements OnInit {
     if (this.draggableGroupingPlugin && this.draggableGroupingPlugin.setDroppedGroups) {
       this.draggableGroupingPlugin.clearDroppedGroups();
     }
+    this.gridObj.invalidate(); // invalidate all rows and re-render
   }
 
   clearGroupingSelects() {
@@ -306,8 +307,7 @@ export class GridDraggableGroupingComponent implements OnInit {
     if (this.draggableGroupingPlugin && this.draggableGroupingPlugin.setDroppedGroups) {
       this.showPreHeader();
       this.draggableGroupingPlugin.setDroppedGroups('duration');
-      this.gridObj.invalidate();
-      this.gridObj.render();
+      this.gridObj.invalidate(); // invalidate all rows and re-render
     }
   }
 
@@ -326,8 +326,7 @@ export class GridDraggableGroupingComponent implements OnInit {
     if (this.draggableGroupingPlugin && this.draggableGroupingPlugin.setDroppedGroups) {
       this.showPreHeader();
       this.draggableGroupingPlugin.setDroppedGroups(['duration', 'effortDriven']);
-      this.gridObj.invalidate();
-      this.gridObj.render();
+      this.gridObj.invalidate(); // invalidate all rows and re-render
     }
   }
 
@@ -339,8 +338,7 @@ export class GridDraggableGroupingComponent implements OnInit {
 
       this.showPreHeader();
       this.draggableGroupingPlugin.setDroppedGroups(groupedFields);
-      this.gridObj.invalidate();
-      this.gridObj.render();
+      this.gridObj.invalidate(); // invalidate all rows and re-render
     }
   }
 
diff --git a/src/app/examples/grid-grouping.component.ts b/src/app/examples/grid-grouping.component.ts
index 7cf1605c0..9cad5acc4 100644
--- a/src/app/examples/grid-grouping.component.ts
+++ b/src/app/examples/grid-grouping.component.ts
@@ -14,7 +14,6 @@ import {
   SortDirectionNumber,
   Sorters,
 } from './../modules/angular-slickgrid';
-import { Subscription } from 'rxjs';
 
 @Injectable()
 @Component({