Skip to content

feat(common): add automatic height for multiline column headers - #2780

Merged
ghiscoding merged 2 commits into
masterfrom
feat/variable-header-height
Sep 1, 2026
Merged

feat(common): add automatic height for multiline column headers#2780
ghiscoding merged 2 commits into
masterfrom
feat/variable-header-height

Conversation

@ghiscoding

@ghiscoding ghiscoding commented Sep 1, 2026

Copy link
Copy Markdown
Owner

replicate SlickGrid PR 6pac/SlickGrid#1282

Summary

Adds opt-in automatic header-height calculation for multiline column headers across SlickGrid Universal.

Why

Multiline headers could be clipped at the default fixed height. This allows headers to expand to fit their rendered content while keeping the feature disabled by default for backward compatibility.

Changes

  • Added the autoHeaderHeight grid option.
  • Measures rendered header content and synchronizes frozen header panes.
  • Recalculates after column resizing, autosizing, and column updates.
  • Supports multiline text, HTML, and DOM-based header content.
  • Prevented Material theme spacing from inflating calculated heights.
  • Updated Vanilla, Angular, Aurelia, React, and Vue demos.
  • Added Cypress coverage for wrapped headers.
  • Added unit coverage for calculation, frozen panes, toggling, and recalculation.
  • Updated styling documentation and repository testing instructions.

Validation

  • 451 SlickGrid unit tests pass.
  • Coverage checks pass for the changed behavior.
  • Package build and Sass build pass.
  • Lint and Prettier checks pass.
  • Cypress suites pass in the running Cypress UI/watch-server workflow.

Comments

This change spans the common package, framework demos, tests, and documentation because the shared grid behavior must be demonstrated and validated consistently across all supported frameworks.

AI / LLM assistance

  • AI / LLM assistance used:
    • No
    • Yes
  • If Yes:
    • which tool/model: Codex, GPT-5.6 Terra
    • how was it used: Implemented the feature, updated framework demos/tests/documentation, diagnosed regressions, and assisted with validation.

Checklist

  • The changes are limited to only one scope (shared behavior plus corresponding framework demos/docs; see Comments).
  • Tests were added or updated where appropriate.
  • Documentation was updated where appropriate.

@codecov

codecov Bot commented Sep 1, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.0%. Comparing base (33bfbb1) to head (aa48839).
⚠️ Report is 1 commits behind head on master.
✅ All tests successful. No failed tests found.

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #2780   +/-   ##
=======================================
  Coverage   100.0%   100.0%           
=======================================
  Files         199      199           
  Lines       25776    25812   +36     
  Branches     9132     9142   +10     
=======================================
+ Hits        25776    25812   +36     
Flag Coverage Δ
angular 100.0% <ø> (ø)
universal 100.0% <100.0%> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@pkg-pr-new

pkg-pr-new Bot commented Sep 1, 2026

Copy link
Copy Markdown
angular-slickgrid

npm i https://pkg.pr.new/angular-slickgrid@2780

aurelia-slickgrid

npm i https://pkg.pr.new/aurelia-slickgrid@2780

slickgrid-react

npm i https://pkg.pr.new/slickgrid-react@2780

slickgrid-vue

npm i https://pkg.pr.new/slickgrid-vue@2780

@slickgrid-universal/angular-row-detail-plugin

npm i https://pkg.pr.new/@slickgrid-universal/angular-row-detail-plugin@2780

@slickgrid-universal/aurelia-row-detail-plugin

npm i https://pkg.pr.new/@slickgrid-universal/aurelia-row-detail-plugin@2780

@slickgrid-universal/react-row-detail-plugin

npm i https://pkg.pr.new/@slickgrid-universal/react-row-detail-plugin@2780

@slickgrid-universal/vue-row-detail-plugin

npm i https://pkg.pr.new/@slickgrid-universal/vue-row-detail-plugin@2780

@slickgrid-universal/binding

npm i https://pkg.pr.new/@slickgrid-universal/binding@2780

@slickgrid-universal/common

npm i https://pkg.pr.new/@slickgrid-universal/common@2780

@slickgrid-universal/composite-editor-component

npm i https://pkg.pr.new/@slickgrid-universal/composite-editor-component@2780

@slickgrid-universal/custom-footer-component

npm i https://pkg.pr.new/@slickgrid-universal/custom-footer-component@2780

@slickgrid-universal/custom-tooltip-plugin

npm i https://pkg.pr.new/@slickgrid-universal/custom-tooltip-plugin@2780

@slickgrid-universal/empty-warning-component

npm i https://pkg.pr.new/@slickgrid-universal/empty-warning-component@2780

@slickgrid-universal/event-pub-sub

npm i https://pkg.pr.new/@slickgrid-universal/event-pub-sub@2780

@slickgrid-universal/excel-export

npm i https://pkg.pr.new/@slickgrid-universal/excel-export@2780

@slickgrid-universal/graphql

npm i https://pkg.pr.new/@slickgrid-universal/graphql@2780

@slickgrid-universal/odata

npm i https://pkg.pr.new/@slickgrid-universal/odata@2780

@slickgrid-universal/pagination-component

npm i https://pkg.pr.new/@slickgrid-universal/pagination-component@2780

@slickgrid-universal/pdf-export

npm i https://pkg.pr.new/@slickgrid-universal/pdf-export@2780

@slickgrid-universal/row-detail-view-plugin

npm i https://pkg.pr.new/@slickgrid-universal/row-detail-view-plugin@2780

@slickgrid-universal/rxjs-observable

npm i https://pkg.pr.new/@slickgrid-universal/rxjs-observable@2780

@slickgrid-universal/sql

npm i https://pkg.pr.new/@slickgrid-universal/sql@2780

@slickgrid-universal/text-export

npm i https://pkg.pr.new/@slickgrid-universal/text-export@2780

@slickgrid-universal/utils

npm i https://pkg.pr.new/@slickgrid-universal/utils@2780

@slickgrid-universal/vanilla-bundle

npm i https://pkg.pr.new/@slickgrid-universal/vanilla-bundle@2780

@slickgrid-universal/vanilla-force-bundle

npm i https://pkg.pr.new/@slickgrid-universal/vanilla-force-bundle@2780

@slickgrid-universal/web-mcp

npm i https://pkg.pr.new/@slickgrid-universal/web-mcp@2780

commit: aa48839

@ghiscoding
ghiscoding merged commit 70ae771 into master Sep 1, 2026
23 checks passed
@ghiscoding
ghiscoding deleted the feat/variable-header-height branch September 1, 2026 23:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant