Skip to content

fix: add missing pinned-columns mixin to body-row component#2269

Open
hugodemelo wants to merge 1 commit intoswimlane:masterfrom
hugodemelo:fix/column-pinning
Open

fix: add missing pinned-columns mixin to body-row component#2269
hugodemelo wants to merge 1 commit intoswimlane:masterfrom
hugodemelo:fix/column-pinning

Conversation

@hugodemelo
Copy link
Copy Markdown

What kind of change does this PR introduce? (check one with "x")

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Other... Please describe:

What is the current behavior? (You can also link to an open issue here)
Column pinning (left/right frozen columns) is broken for body rows in v22. The pinned columns in the header stick correctly, but the body row columns scroll away with the rest of the content.
This can be reproduced on the official demo page: https://swimlane.github.io/ngx-datatable/#/pinning

What is the new behavior?
Body row pinned columns now stay sticky when scrolling horizontally, matching the header behavior.
The fix includes the existing pinned-columns() SCSS mixin in body-row.component.scss, mirroring what header.component.scss already does.

Does this PR introduce a breaking change? (check one with "x")

  • Yes
  • No

If this PR contains a breaking change, please describe the impact and migration path for existing applications: ...

Other information:
In v22, the migration to standalone components with Angular's default view encapsulation (scoped styles) meant each component needs its own pinned-columns() mixin include.
It was present in header.component.scss but missing from body-row.component.scss.

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