Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix Issue with frozen columns #12408 #15302

Merged
merged 1 commit into from
Apr 26, 2024
Merged

Fix Issue with frozen columns #12408 #15302

merged 1 commit into from
Apr 26, 2024

Conversation

Lolibai
Copy link

@Lolibai Lolibai commented Apr 18, 2024

Defect Fixes

Fixes #15303

Describe the bug

Video with the actual issue attached

Screen.Recording.2022-12-20.at.14.07.52.mov

Environment

Frozen Columns

Reproducer

Lolibai

Angular version

17.3.1

PrimeNG version

17.13.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.12.2

Browser(s)

Chrome 123.0.6312.123

Steps to reproduce the behavior

  1. Freeze columns to the right
  2. Have at least 10 rows of data
  3. See the "stairs" of columns that should be freezed
Screen.Recording.2022-12-20.at.14.07.52.mov

Expected behavior

All columns should be freezed as per attribute and directive assignment.

Stackblitz

Reproduction

Copy link

vercel bot commented Apr 18, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment
Name Status Preview Comments Updated (UTC)
primeng ⬜️ Ignored (Inspect) Visit Preview Apr 18, 2024 0:50am

@Lolibai
Copy link
Author

Lolibai commented Apr 18, 2024

Hello Prime team,
If there is any chance to investigate the issue with frozen columns - please do.
It is already 17th version and my team is still forking and fixing this issue - custom.
Lets elaborate on this

@Lolibai Lolibai changed the title Fix Issue #12408 Fix Issue #15302 Apr 18, 2024
@Lolibai Lolibai changed the title Fix Issue #15302 Fix Issue with frozen columns #12408 Apr 18, 2024
@Lolibai Lolibai changed the title Fix Issue with frozen columns #12408 Fix Issue with frozen columns #15302 Apr 18, 2024
@Lolibai Lolibai changed the title Fix Issue with frozen columns #15302 Fix Issue with frozen columns #12408 Apr 18, 2024
@cetincakiroglu cetincakiroglu added the Status: Pending Review Issue or pull request is being reviewed by Core Team label Apr 19, 2024
recalculateColumns() {
const siblings = DomHandler.siblings(this.el.nativeElement);
const index = DomHandler.index(this.el.nativeElement);
const time = (siblings.length - index + 1) * 50;
Copy link
Contributor

Choose a reason for hiding this comment

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

Why multiply by 50?

@cetincakiroglu cetincakiroglu merged commit 421c2fb into primefaces:master Apr 26, 2024
1 of 2 checks passed
@cetincakiroglu cetincakiroglu removed the Status: Pending Review Issue or pull request is being reviewed by Core Team label Apr 26, 2024
recalculateColumns() {
const siblings = DomHandler.siblings(this.el.nativeElement);
const index = DomHandler.index(this.el.nativeElement);
const time = (siblings.length - index + 1) * 50;

Choose a reason for hiding this comment

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

This line only work for alignFrozen='right'. And this created new issue #15852.

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.

Component: Table #15302
3 participants