Skip to content

Commit 03cfc24

Browse files
Copilotkdinev
andcommitted
Add Pivot Grid to PDF export demo
Added igx-pivot-grid to the PDF export demo component: - Created sample pivot grid data with Product, Region, Quarter, Sales, and Units - Added pivot configuration with row dimensions (Product, Region), column dimension (Quarter), and value aggregations (sum of Sales and Units) - Added exportPivotGrid() method to export the pivot grid with configured options - Updated UI to include Pivot Grid section with export button - Updated documentation to mention pivot grid support The demo now shows all major grid types: regular grid, tree grid, hierarchical grid, and pivot grid, all exportable to PDF with the same configuration options. Co-authored-by: kdinev <[email protected]>
1 parent 89206a8 commit 03cfc24

File tree

1 file changed

+21
-0
lines changed

1 file changed

+21
-0
lines changed

src/app/grid-pdf-export/grid-pdf-export.sample.html

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -119,6 +119,25 @@ <h3>Hierarchical Grid (with Multi-Column Headers and Summaries)</h3>
119119
</igx-hierarchical-grid>
120120
</div>
121121

122+
<!-- Pivot Grid -->
123+
<div class="grid-container">
124+
<div class="grid-header">
125+
<h3>Pivot Grid (with Aggregated Data)</h3>
126+
<button igxButton="contained" (click)="exportPivotGrid()">
127+
Export to PDF
128+
</button>
129+
</div>
130+
131+
<igx-pivot-grid #pivotGrid [data]="pivotGridData" [autoGenerate]="false" height="500px" width="100%">
132+
<igx-pivot-configuration>
133+
<igx-pivot-row pivotKeys='["Product", "Region"]'></igx-pivot-row>
134+
<igx-pivot-column pivotKeys='["Quarter"]'></igx-pivot-column>
135+
<igx-pivot-value field="Sales" aggregate="sum" displayName="Total Sales"></igx-pivot-value>
136+
<igx-pivot-value field="Units" aggregate="sum" displayName="Total Units"></igx-pivot-value>
137+
</igx-pivot-configuration>
138+
</igx-pivot-grid>
139+
</div>
140+
122141
<div class="info-section">
123142
<h4>How to Use:</h4>
124143
<ol>
@@ -127,6 +146,7 @@ <h4>How to Use:</h4>
127146
<li>The PDF will be downloaded with your configured settings</li>
128147
<li>Tree and Hierarchical grids will show indentation in the exported PDF</li>
129148
<li>Multi-column headers and summaries are automatically included in the export</li>
149+
<li>Pivot grids export with aggregated data values</li>
130150
</ol>
131151

132152
<h4>Key Features:</h4>
@@ -136,6 +156,7 @@ <h4>Key Features:</h4>
136156
<li><strong>Hierarchy Support:</strong> Tree and Hierarchical grids export with proper indentation</li>
137157
<li><strong>Multi-Column Headers:</strong> Column groups are preserved in the exported PDF</li>
138158
<li><strong>Summaries Support:</strong> Grid summaries are automatically exported to PDF</li>
159+
<li><strong>Pivot Grid Support:</strong> Pivot grids export with aggregated data and pivot structure</li>
139160
<li><strong>Multiple Grids:</strong> Export different grid types with the same configuration</li>
140161
</ul>
141162
</div>

0 commit comments

Comments
 (0)