Merge pull request #646 from IgniteUI/ESShared/XPlaform_examples_igniteui-xplat-examples-output+PRs_2024.9.5.3

Changes from igniteui-xplat-examples-output+PRs_2024.9.5.3

Author: dkamburov

samples/grids/grid/column-moving-styles/src/index.tsx

@@ -137,6 +137,7 @@ export default class Sample extends React.Component<any, any> {
                         field="ChangePercent"
                         header="Change Percent"
                         dataType="Number"
+                        minWidth="150px"
                         bodyTemplate={this.webGridCurrencyCellTemplate}
                         headerTemplate={this.webGridPinHeaderTemplate}
                         name="column8">
@@ -145,6 +146,7 @@ export default class Sample extends React.Component<any, any> {
                         field="YearlyChange"
                         header="Yearly Change"
                         dataType="Number"
+                        minWidth="150px"
                         bodyTemplate={this.webGridCurrencyCellTemplate}
                         headerTemplate={this.webGridPinHeaderTemplate}
                         name="column9">

samples/grids/grid/toolbar-sample-3/src/index.tsx

@@ -6,7 +6,7 @@ import { IgrGridModule } from 'igniteui-react-grids';
 import { IgrGrid, IgrGridToolbar, IgrGridToolbarActions, IgrGridToolbarExporter, IgrColumn } from 'igniteui-react-grids';
 import { ComponentRenderer, WebGridDescriptionModule } from 'igniteui-react-core';
 import { AthletesDataItem, AthletesData } from './AthletesData';
-import { IgrExporterOptionsBase, IgrGridToolbarExportEventArgs } from 'igniteui-react-grids';
+import { IgrGridToolbarExportEventArgs, IgrExporterOptionsBase } from 'igniteui-react-grids';
 
 import 'igniteui-react-grids/grids/combined';
 import 'igniteui-react-grids/grids/themes/light/bootstrap.css';
@@ -102,10 +102,11 @@ export default class Sample extends React.Component<any, any> {
 
     public webGridToolbarExporting(sender: IgrGrid, evt: IgrGridToolbarExportEventArgs): void {
         const args = evt.detail;
-        const options: IgrExporterOptionsBase = args.options;
+        const options: IgrExporterOptionsBase = (args.nativeElement as any).options;
+        const exporter = (args.nativeElement as any).exporter;
         if (options) {
             options.fileName = `Report_${new Date().toDateString()}`;
-            (args.exporter as any).columnExporting.subscribe((columnArgs: any) => {
+            exporter.columnExporting.subscribe((columnArgs: any) => {
                     columnArgs.cancel = columnArgs.header === 'Athlete' || columnArgs.header === 'Country';
             });
         }

samples/grids/hierarchical-grid/excel-style-filtering-style/src/index.css

@@ -1,7 +1,7 @@
 /* shared styles are loaded from: */
 /* https://static.infragistics.com/xplatform/css/samples */
 
-    #hierarchicalGrid1 {
+    #grid {
         --ig-grid-filtering-row-background: #ffcd0f;
         --ig-button-background: #FFCD0F;
         --ig-button-foreground: #292826;

samples/grids/hierarchical-grid/multi-column-headers-overview/src/index.tsx

@@ -76,7 +76,7 @@ export default class Sample extends React.Component<any, any> {
                     data={this.hierarchicalCustomers}
                     ref={this.hierarchicalGridRef}
                     id="hierarchicalGrid"
-                    primaryKey="ID"
+                    primaryKey="CustomerID"
                     moving="true"
                     allowFiltering="true">
                     <IgrColumn