Merge pull request #7194 from IgniteUI/mkirova/fix-pin-issue-treegrid

fix(igxTreeGrid): Overwrite setter as well as the getter.

Author: ChronosSF

projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid-integration.spec.ts

@@ -1405,6 +1405,15 @@ describe('IgxTreeGrid - Integration #tGrid', () => {
             treeGrid.getRowByKey(711).unpin();
             fix.detectChanges();
             expect(treeGrid.pinnedRecordsCount).toBe(0);
+
+
+            treeGrid.getRowByKey(711).pinned = true;
+            fix.detectChanges();
+            expect(treeGrid.pinnedRecordsCount).toBe(1);
+
+            treeGrid.getRowByKey(711).pinned = false;
+            fix.detectChanges();
+            expect(treeGrid.pinnedRecordsCount).toBe(0);
         });
 
         it('should pin/unpin a row at the bottom', () => {

projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid-row.component.ts

@@ -36,10 +36,31 @@ export class IgxTreeGridRowComponent extends IgxRowDirective<IgxTreeGridComponen
         }
     }
 
+    /**
+     * Gets whether the row is pinned.
+     * ```typescript
+     * let isPinned = row.pinned;
+     * ```
+     */
     public get pinned() {
         return this.grid.isRecordPinned(this._treeRow);
     }
 
+    /**
+     * Sets whether the row is pinned.
+     * Default value is `false`.
+     * ```typescript
+     * this.grid.selectedRows[0].pinned = true;
+     * ```
+     */
+    public set pinned(value: boolean) {
+        if (value) {
+            this.grid.pinRow(this.rowID);
+        } else {
+            this.grid.unpinRow(this.rowID);
+        }
+    }
+
     /**
      * Returns a value indicating whether the row component is expanded.
      *