chore(*): updating sample and fixing default height

Author: ChronosSF

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

@@ -285,6 +285,14 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
     protected calcGridHeadRow() {
     }
 
+    /**
+     * @hidden @internal
+     */
+    protected getDataBasedBodyHeight(): number {
+        const dvl = this.dataView?.length || 0;
+        return dvl < this._defaultTargetRecordNumber ? 0 : this.defaultTargetBodyHeight;
+    }
+
     protected get hasMultipleValues() {
         return this.values.length > 1;
     }

src/app/pivot-grid/pivot-grid.sample.html

@@ -1,4 +1,4 @@
 <div class="sample-column">
-    <igx-pivot-grid #grid1 [data]="origData" [width]="'1200px'" [height]="'100%'" [pivotConfiguration]="pivotConfigHierarchy">
+    <igx-pivot-grid #grid1 [data]="origData" [width]="'100%'" [height]="'100%'" [pivotConfiguration]="pivotConfigHierarchy">
     </igx-pivot-grid>
 </div>

src/app/pivot-grid/pivot-grid.sample.scss

@@ -1,3 +1,8 @@
+.sample-column {
+    height: calc(100vh - 106px);
+    margin: 0 0 0 0 !important;
+}
+
 :host ::ng-deep {
     .upFont {
         color: lightgreen;