Merge pull request #7293 from IgniteUI/mdragnev/fix-7209-9.0.x

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

Author: ChronosSF

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

@@ -376,7 +376,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
      */
@@ -390,7 +390,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
      */
@@ -1669,7 +1669,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

@@ -695,6 +695,23 @@ describe('IgxGrid - Deferred Column Resizing #grid', () => {
         await wait(16);
     });
 
+    it('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;
         }