Skip to content

fix(pivot-grid): span collapsed and summary row headers across columns - #17847

Open
viktorkombov wants to merge 2 commits into
masterfrom
vkombov/fix-17222
Open

viktorkombov wants to merge 2 commits into
masterfrom
vkombov/fix-17222

Conversation

@viktorkombov

@viktorkombov viktorkombov commented Oct 23, 2026 •

Copy link
Copy Markdown
Contributor

Closes #17222

Description

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

New horizontal layout specs in pivot-grid.spec.ts: the summary and collapsed headers are as wide as the columns they span (fails without the fix), an auto-sized dimension keeps its width when another auto-sized dimension is enabled, and the resize line of a summary header stops at the minimum width of its first dimension. The pivot grid specs pass, and the Pivot State demo was checked before and after the fix.

Test Configuration:

  • Angular version: 22.2.3
  • Browser(s): Chromium (Vitest browser mode)
  • OS: Windows 11

Screenshots / Recordings

The issue shows the actual and the expected result.

Checklist:

  • All relevant labels 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 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.

🟢 Approval recommended

The focused sizing changes have targeted regression coverage and no unresolved findings; tests were not executed in this review environment.

No open issues 🎉

What changed in this PR

Fixes the Pivot Grid horizontal row-header regression reported in #17222 and introduced by #16201, restoring full-width collapsed and summary headers.

Changes:

  • Uses the parent’s merged width for horizontal row headers.
  • Preserves existing auto-sized dimension widths during subsequent sizing passes.
  • Adds regression tests for spanning headers and stable auto-sizing, plus a changelog entry.
File Description
projects/​igniteui-angular/​grids/​pivot-grid/​src/​pivot-row-dimension-header-group.component.ts Sizes horizontal headers using the merged parent width.
projects/​igniteui-angular/​grids/​pivot-grid/​src/​pivot-grid.spec.ts Tests summary and collapsed header widths and auto-sizing stability.
projects/​igniteui-angular/​grids/​pivot-grid/​src/​pivot-grid.component.ts Skips dimensions that already have an auto width.
CHANGELOG.md Documents the fix under version 22.2.4.

Review effort: Balanced

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>

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.

Pivot grid horizontal row headers do not span full width when collapsed

3 participants