diff --git a/CHANGELOG.md b/CHANGELOG.md
index fe39ef793ce..b67d540818c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -23,6 +23,8 @@ All notable changes for each version of this project will be documented in this
- `detailTemplate` - Gets/Sets the master-detail template.
- **Behavioral Change** - When adding new row in grid with enabled batch editing, `rowChangesCount` displays the number of the defined columns.
+- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
+ - **Behavioral Change** - When editing a row, `rowChangesCount` and `hiddenColumnsCount`would be displayed.
## 14.2.0
diff --git a/projects/igniteui-angular/src/lib/grids/grid/grid-row-editing.spec.ts b/projects/igniteui-angular/src/lib/grids/grid/grid-row-editing.spec.ts
index a7795d074d0..b1b09d2d448 100644
--- a/projects/igniteui-angular/src/lib/grids/grid/grid-row-editing.spec.ts
+++ b/projects/igniteui-angular/src/lib/grids/grid/grid-row-editing.spec.ts
@@ -787,6 +787,7 @@ describe('IgxGrid - Row Editing #grid', () => {
});
it(`Should update row changes when focus overlay buttons on tabbing`, (async () => {
+ grid.getColumnByName("ID").hidden = true;
grid.tbody.nativeElement.focus();
fix.detectChanges();
@@ -807,7 +808,7 @@ describe('IgxGrid - Row Editing #grid', () => {
UIInteractions.triggerEventHandlerKeyDown('tab', gridContent, false, true);
fix.detectChanges();
- expect(GridFunctions.getRowEditingBannerText(fix)).toBe('You have 1 changes in this row');
+ expect(GridFunctions.getRowEditingBannerText(fix)).toBe('You have 1 changes in this row and 1 hidden columns');
// go to last editable cell
grid.rowEditTabs.first.handleTab(UIInteractions.getKeyboardEvent('keydown', 'tab', false, true));
@@ -827,7 +828,7 @@ describe('IgxGrid - Row Editing #grid', () => {
UIInteractions.triggerEventHandlerKeyDown('tab', gridContent);
fix.detectChanges();
- expect(GridFunctions.getRowEditingBannerText(fix)).toBe('You have 2 changes in this row');
+ expect(GridFunctions.getRowEditingBannerText(fix)).toBe('You have 2 changes in this row and 1 hidden columns');
}));
it(`Should focus last edited cell after click on editable buttons`, (async () => {
diff --git a/projects/igniteui-angular/src/lib/grids/grid/grid.component.html b/projects/igniteui-angular/src/lib/grids/grid/grid.component.html
index bb58b4b9ba6..8e25fceca19 100644
--- a/projects/igniteui-angular/src/lib/grids/grid/grid.component.html
+++ b/projects/igniteui-angular/src/lib/grids/grid/grid.component.html
@@ -240,7 +240,7 @@
- You have {{ rowChangesCount }} changes in this row
+ You have {{ rowChangesCount }} changes in this row and {{ hiddenColumnsCount }} hidden columns
diff --git a/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.component.html b/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.component.html
index c8d33324939..470c57bb0e1 100644
--- a/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.component.html
+++ b/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.component.html
@@ -193,7 +193,7 @@
- You have {{ rowChangesCount }} changes in this row
+ You have {{ rowChangesCount }} changes in this row and {{ hiddenColumnsCount }} hidden columns
diff --git a/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.spec.ts b/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.spec.ts
index 0505cd81207..5970f6ac503 100644
--- a/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.spec.ts
+++ b/projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.spec.ts
@@ -1585,7 +1585,7 @@ describe('IgxHierarchicalGrid Runtime Row Island change Scenarios #hGrid', () =>
const mainGridOverlayTextContent = mainGridOverlay.querySelector('.igx-banner__text').textContent;
const mainGridOverlayActionsContent = mainGridOverlay.querySelector('.igx-banner__actions').textContent;
- expect(mainGridOverlayTextContent).toBe(' You have 0 changes in this row\n');
+ expect(mainGridOverlayTextContent).toBe(' You have 0 changes in this row and 0 hidden columns\n');
expect(mainGridOverlayActionsContent).toBe('CancelDone');
hierarchicalGrid.expandRow(hierarchicalGrid.getRowByIndex(0).key);
diff --git a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.html b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.html
index 8caf2a0151a..755167e64b5 100644
--- a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.html
+++ b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-grid.component.html
@@ -181,7 +181,7 @@
- You have {{ rowChangesCount }} changes in this row
+ You have {{ rowChangesCount }} changes in this row and {{ hiddenColumnsCount }} hidden columns