Merge branch 'master' into kdragieva/finjs-chart-issue

Author: hanastasov

src/app/pivot-grid/pivot-export/pivot-export.component.html

@@ -1,11 +1,10 @@
+<div class="pivotgrid-sample">
+    <div class="button-container">
+        <button igxButton="raised" (click)="exportButtonHandler()">Export To Excel</button>
+        Press the button to export the Pivot Grid as .xlsx file.
+    </div>
 
-<div class="button-container">
-    <button igxButton="raised" (click)="exportButtonHandler()">Export To Excel</button>
-    Press the button to export the Pivot Grid as .xlsx file.
-</div>
-
-<div class="pivot-container">
-    <igx-pivot-grid #grid [data]="data" [height]="'800px'" [pivotConfiguration]="pivotConfig" [rowSelection]="'single'"
+    <igx-pivot-grid #grid [data]="data" [pivotConfiguration]="pivotConfig" [rowSelection]="'single'"
         [superCompactMode]="true" [defaultExpandState]='true'>
     </igx-pivot-grid>
 </div>

src/app/pivot-grid/pivot-export/pivot-export.component.scss

@@ -1,28 +1,15 @@
-:host {
-    padding: 8px;
-    display: flex;
-    flex-direction: column;
-
-    ::ng-deep {
-        igx-pivot-data-selector {
-            border: 1px solid hsla(var(--igx-grays-200));
-            margin: 0 8px;
-        }
+.pivotgrid-sample {
+    justify-content: center;
+    margin: 0 auto;
+    width: 90%;
+    height: 80%;
+
+    .button-container {
+        align-items: flex-start;
+        margin: 25px auto;
     }
 
+    igx-pivot-grid {
+        align-items: center;
+    }
 }
-
-igx-pivot-grid {
-    flex: 1;
-}
-
-.button-container {
-    margin: 0 0 25px 0;
-}
-
-.pivot-container {
-    display: flex;
-    align-items: flex-start;
-    flex: 1 1 auto;
-    order: 0;
-}

src/app/pivot-grid/pivot-export/pivot-export.component.ts

@@ -123,6 +123,6 @@ export class PivotExportComponent {
     }
 
     public exportButtonHandler() {
-        this.excelExportService.export(this.grid, new IgxExcelExporterOptions('ExportedPivotGrid'));
+        this.excelExportService.export(this.grid, new IgxExcelExporterOptions('ExportedDataFile'));
     }
 }