Skip to content

fix(pivot-grid): span collapsed and summary row headers across columns - 22.2.x - #17848

Open
viktorkombov wants to merge 3 commits into
22.2.xfrom
vkombov/fix-17222-22.2.x
Open

viktorkombov wants to merge 3 commits into
22.2.xfrom
vkombov/fix-17222-22.2.x

Conversation

@viktorkombov

@viktorkombov viktorkombov commented Oct 23, 2026 •

Copy link
Copy Markdown
Contributor

Closes #17222

Description

Backport of #17847 to 22.2.x.

In the horizontal row layout, collapsed row headers and summary (Total) headers now fill all the columns they span. Before, they were only as wide as their first column.

Motivation / Context

Regression from #16201 (20.1.0): getHeaderWidthFromDimension() moved to the header group and returned its own column width (this.width) instead of the merged cell width (this.parent.width). autoSizeDimensionsInView() now skips dimensions that already have an auto width, so these wider headers do not widen them when it runs again. Resizing such a header changes only its first dimension, so the resize line limits are measured from that dimension.

Type of Change (check all that apply):

  • Bug fix
  • New functionality
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Refactoring (no functional changes)
  • Documentation
  • Demos
  • CI/CD
  • Tests
  • Changelog
  • Skills/Agents

Component(s) / Area(s) Affected:

Pivot Grid

How Has This Been Tested?

  • Unit tests
  • Manual testing
  • Automated e2e tests

The specs from #17847 fail on 22.2.x without the fix, and the pivot grid specs pass with it.

Test Configuration:

  • Angular version: 22.2.0
  • Browser(s): Chrome Headless 155 (Karma)
  • OS: Windows 11

Screenshots / Recordings

The issue shows the actual and the expected result.

Checklist:

  • All relevant tags have been applied to this PR
  • This PR includes unit tests covering all the new code (test guidelines)
  • This PR includes API docs for newly added methods/properties (api docs guidelines)
  • This PR includes feature/README.MD updates for the feature docs
  • This PR includes general feature table updates in the root README.MD
  • This PR includes CHANGELOG.MD updates for newly added functionality
  • This PR contains breaking changes
  • This PR includes ng update migrations for the breaking changes (migrations guidelines)
  • This PR includes behavioral changes and the feature specification has been updated with them
  • Accessibility (ARIA, keyboard navigation, focus management) has been verified

🤖 Generated with Claude Code

In the horizontal row layout, size collapsed and summary row headers
to the combined width of the columns they span instead of the first
one, and do not measure auto-sized dimensions again from them.

Closes #17222

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Copilot AI balanced review requested due to automatic review settings October 23, 2026 14:14

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟡 Changes recommended

Resize limits still use the merged header width, allowing the divider to move beyond the resized dimension’s minimum boundary.

1 open issue
What changed in this PR

Backports #17847 to 22.2.x, addressing #17222 so collapsed and summary row headers fill their column spans in the Pivot Grid’s horizontal layout.

Changes:

  • Uses the merged cell width for horizontal row headers.
  • Skips previously auto-sized dimensions to prevent width inflation.
  • Adds regression tests and a changelog entry.
File Description
projects/​igniteui-angular/​grids/​pivot-grid/​src/​pivot-row-dimension-header-group.component.ts Applies the merged width to horizontal headers.
projects/​igniteui-angular/​grids/​pivot-grid/​src/​pivot-grid.spec.ts Tests header spans and auto-width stability.
projects/​igniteui-angular/​grids/​pivot-grid/​src/​pivot-grid.component.ts Avoids remeasuring already auto-sized dimensions.
CHANGELOG.md Documents the horizontal header width fix.

Review effort: Balanced

if (this.grid.hasHorizontalLayout) {
return this.parent.width === -1 ? 'fit-content' : this.width;
// Collapsed and summary headers can span several columns.
return this.parent.width === -1 ? 'fit-content' : `${this.parent.width}px`;

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Valid, fixed in 73a31cc: IgxPivotColumnResizingService.getColumnHeaderRenderedWidth() now returns the width of the resized (first) dimension when the header spans more columns, so the resize line stops where that dimension reaches its minimum width. Added a spec that drags a summary header resizer past the minimum. The same change is in #17847 and #17849.

viktorkombov and others added 2 commits October 23, 2026 19:08
Collapsed and summary row headers span several dimensions, but resizing
changes only the first one, so measure that dimension for the resize
line limits instead of the merged header.

Closes #17222

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…2.2.x

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants