diff --git a/screenshots/formatters.png b/screenshots/formatters.png
index b7f278fb2..3284e639d 100644
Binary files a/screenshots/formatters.png and b/screenshots/formatters.png differ
diff --git a/src/app/modules/angular-slickgrid/components/angular-slickgrid.component.ts b/src/app/modules/angular-slickgrid/components/angular-slickgrid.component.ts
index f9785615f..b118f60da 100644
--- a/src/app/modules/angular-slickgrid/components/angular-slickgrid.component.ts
+++ b/src/app/modules/angular-slickgrid/components/angular-slickgrid.component.ts
@@ -892,9 +892,6 @@ export class AngularSlickgridComponent implements AfterViewInit, OnDestroy, OnIn
     this.sharedService.dataView = this.dataView;
     this.sharedService.grid = this.grid;
 
-    // load the resizer service
-    this.resizer.init(this.grid);
-
     this.extensionService.bindDifferentExtensions();
     this.bindDifferentHooks(this.grid, this.gridOptions, this.dataView);
 
@@ -910,6 +907,10 @@ export class AngularSlickgridComponent implements AfterViewInit, OnDestroy, OnIn
     // initialize the SlickGrid grid
     this.grid.init();
 
+    // initialized the resizer service only after SlickGrid is initialized
+    // if we don't we end up binding our resize to a grid element that doesn't yet exist in the DOM and the resizer service will fail silently (because it has a try/catch that unbinds the resize without throwing back)
+    this.resizer.init(this.grid);
+
     // when using Tree Data View
     if (this.gridOptions.enableTreeData) {
       this.treeDataService.init(this.grid);