From b44e5d3f0cc3525b3f81b30728c645888f12f1bb Mon Sep 17 00:00:00 2001 From: Bozhidara Pachilova Date: Wed, 12 Nov 2025 14:56:33 +0200 Subject: [PATCH 1/2] chore(pivot-grid.spec): test dot values scenario --- .../src/lib/grids/pivot-grid/pivot-grid.spec.ts | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.spec.ts b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.spec.ts index 519218bbce3..711f2d94de7 100644 --- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.spec.ts +++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.spec.ts @@ -807,6 +807,22 @@ describe('IgxPivotGrid #pivotGrid', () => { expect(pivotGrid.nativeElement.clientWidth - expectedSize).toBeLessThan(50, "should take sum of columns as width."); }); + it('should render cell values for dimension columns containing dots - issue #16445', () => { + let data = fixture.componentInstance.data; + data = data.map(item => { + return { + ...item, + Country: `${item['Country']}.Test` + }; + }); + + fixture.componentInstance.data = [...data]; + fixture.detectChanges(); + + const cell = fixture.componentInstance.pivotGrid.gridAPI.get_cell_by_index(0, 'Bulgaria.Test-UnitsSold'); + expect(cell.value).not.toBeUndefined(); + }); + describe('IgxPivotGrid Features #pivotGrid', () => { it('should show excel style filtering via dimension chip.', async () => { const pivotGrid = fixture.componentInstance.pivotGrid; From 4366b58012c8bc8a2cc3b71a1da5f9080a2daaf6 Mon Sep 17 00:00:00 2001 From: Bozhidara Pachilova Date: Wed, 12 Nov 2025 15:07:37 +0200 Subject: [PATCH 2/2] fix(pivot-grid): do not use dataMapper for pivot row cell values --- .../src/lib/grids/pivot-grid/pivot-row.component.html | 2 +- .../src/lib/grids/pivot-grid/pivot-row.component.ts | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row.component.html b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row.component.html index 39d6a48bd63..16cb3c638f0 100644 --- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row.component.html +++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row.component.html @@ -14,7 +14,7 @@ [rowData]="data" [columnData]='getColumnData(col)' [style.min-width]="col.resolvedWidth" [style.max-width]="col.resolvedWidth" [style.flex-basis]="col.resolvedWidth" [width]="col.getCellWidth()" [visibleColumnIndex]="col.visibleIndex" - [value]="pivotAggregationData[col.field] | dataMapper:col.field:grid.pipeTrigger:pivotAggregationData[col.field]:col.hasNestedPath" + [value]="pivotAggregationData[col.field]" [cellTemplate]="col.bodyTemplate" [lastSearchInfo]="grid.lastSearchInfo" [cellSelectionMode]="grid.cellSelection" [displayPinnedChip]="shouldDisplayPinnedChip(col.visibleIndex)" (pointerdown)="grid.navigation.focusOutRowHeader($event)"> diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row.component.ts b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row.component.ts index ed542116c43..72cd2088c95 100644 --- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row.component.ts +++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row.component.ts @@ -13,7 +13,7 @@ import { IgxGridSelectionService } from '../selection/selection.service'; import { IPivotGridColumn, IPivotGridRecord } from './pivot-grid.interface'; import { PivotUtil } from './pivot-util'; import { IgxPivotGridCellStyleClassesPipe } from './pivot-grid.pipes'; -import { IgxGridNotGroupedPipe, IgxGridCellStylesPipe, IgxGridDataMapperPipe, IgxGridTransactionStatePipe } from '../common/pipes'; +import { IgxGridNotGroupedPipe, IgxGridCellStylesPipe, IgxGridTransactionStatePipe } from '../common/pipes'; import { IgxCheckboxComponent } from '../../checkbox/checkbox.component'; import { NgClass, NgStyle } from '@angular/common'; import { IgxGridCellComponent } from '../cell.component'; @@ -24,7 +24,7 @@ import { IgxGridForOfDirective } from '../../directives/for-of/for_of.directive' selector: 'igx-pivot-row', templateUrl: './pivot-row.component.html', providers: [{ provide: IgxRowDirective, useExisting: forwardRef(() => IgxPivotRowComponent) }], - imports: [IgxGridForOfDirective, IgxGridCellComponent, NgClass, NgStyle, IgxCheckboxComponent, IgxGridNotGroupedPipe, IgxGridCellStylesPipe, IgxGridDataMapperPipe, IgxGridTransactionStatePipe, IgxPivotGridCellStyleClassesPipe] + imports: [IgxGridForOfDirective, IgxGridCellComponent, NgClass, NgStyle, IgxCheckboxComponent, IgxGridNotGroupedPipe, IgxGridCellStylesPipe, IgxGridTransactionStatePipe, IgxPivotGridCellStyleClassesPipe] }) export class IgxPivotRowComponent extends IgxRowDirective { /**