fix(igxGrid): Parse minWidth property so that can be set correctly #7209

Author: Martin Dragnev

projects/igniteui-angular/src/lib/grids/columns/column.component.ts

@@ -432,7 +432,7 @@ export class IgxColumnComponent implements AfterContentInit {
      * let columnMaxWidth = this.column.width;
      * ```
      * ```html
-     * <igx-column [maxWidth] = "'75%'"></igx-column>
+     * <igx-column [maxWidth] = "'150px'"></igx-column>
      * ```
      * @memberof IgxColumnComponent
      */
@@ -446,7 +446,7 @@ export class IgxColumnComponent implements AfterContentInit {
      * let columnMinWidth = this.column.minWidth;
      * ```
      * ```html
-     * <igx-column [minWidth] = "'15%'"></igx-column>
+     * <igx-column [minWidth] = "'100px'"></igx-column>
      * ```
      * @memberof IgxColumnComponent
      */
@@ -1736,7 +1736,6 @@ export class IgxColumnComponent implements AfterContentInit {
      */
     public autosize() {
         if (!this.columnGroup) {
-
             this.width = this.getLargestCellWidth();
             this.grid.reflow();
         }

projects/igniteui-angular/src/lib/grids/grid/column-resizing.spec.ts

@@ -699,6 +699,23 @@ describe('IgxGrid - Deferred Column Resizing #grid', () => {
         await wait(16);
     });
 
+    fit('should autosize column when minWidth is set.', async() => {
+        const fixture = TestBed.createComponent(LargePinnedColGridComponent);
+        fixture.detectChanges();
+
+        const column = fixture.componentInstance.grid.columnList.filter(c => c.field === 'ID')[0];
+        column.minWidth = '70px';
+        expect(column.minWidth).toEqual('70px');
+
+        column.autosize();
+        fixture.detectChanges();
+
+        expect(column.width).toEqual('63px');
+
+        // height/width setter rAF
+        await wait(16);
+    });
+
     it('should size headers correctly when column width is below the allowed minimum.', () => {
         const fixture = TestBed.createComponent(ColGridComponent);
         fixture.detectChanges();

projects/igniteui-angular/src/lib/grids/resizing/resizing.service.ts

@@ -88,7 +88,7 @@ export class IgxColumnResizingService {
         if (this.column.maxWidth && (parseFloat(size) > parseFloat(this.column.maxWidth))) {
             this.column.width = parseFloat(this.column.maxWidth) + 'px';
         } else if (parseFloat(size) < parseFloat(this.column.minWidth)) {
-            this.column.width = this.column.minWidth + 'px';
+            this.column.width = parseFloat(this.column.minWidth) + 'px';
         } else {
             this.column.width = size;
         }