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

Table fluctuating on virtual scroll if the columns are fixed- (Unable to scroll) #13979

Closed
honey1114 opened this issue Oct 30, 2023 · 2 comments
Labels
Resolution: Stale Issue or pull request is inactivity and unfortunately it will be *closed* if there is no response Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@honey1114
Copy link

Describe the bug

->We are trying to implement virtual scroll with some of the columns as fixed. But as soon as we declare some of the columns as
fixed we are unable to scroll down. When we scroll down the data gets loaded but immediately it scrolls back up and starts
fluctuating at some point.

->When we remove the frozen column, after that it starts working fine. But then new issue comes that I am not able to scroll to
the very last row of the data.

I am attaching stackblitz example for the issue which I am facing. Do let me know If I am doing something wrong.
https://stackblitz.com/edit/primeng-tablevirtualscroll-demo-b3jpdr?file=src%2Fapp%2Fapp.component.html

Environment

Trying to implement this in local.
Windows OS

Reproducer

https://stackblitz.com/edit/primeng-tablevirtualscroll-demo-b3jpdr?file=src%2Fapp%2Fapp.component.html

Angular version

14.1.3

PrimeNG version

14.2.2

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.18.0

Browser(s)

No response

Steps to reproduce the behavior

  1. Let the first data load
  2. Now Scroll down
  3. Some data will let loaded and once loading gets finished it takes me back up to the first data
  4. Now in app component.ts in line 28 and 29 make "frozen" as false
  5. This time when you try to scroll it seems to be working fine
  6. But then the issue comes I am not able to scroll to the very end of data
  7. I am not able to see the last set of data

Expected behavior

  • We should be able to implement virtual scroll even when there are frozen columns
  • We should be able to see the last row of data with and without the virtual scroll
@honey1114 honey1114 added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Oct 30, 2023
@honey1114
Copy link
Author

I am able to see the issue even with the PrimeNg template application. Just by adding the columns as frozen, It Starts fluctuating

StackBlitz Link : https://stackblitz.com/edit/primeng-tablevirtualscroll-demo-mj8qfd?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.component.html

Copy link

This issue has been automatically marked as stale due to a lack of activity. If this issue is still relevant to you, please leave a comment so we can keep it open. We apologize for not being able to prioritize it sooner. If you have any new information or questions, please share them in your comment!

@github-actions github-actions bot added the Resolution: Stale Issue or pull request is inactivity and unfortunately it will be *closed* if there is no response label Dec 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Resolution: Stale Issue or pull request is inactivity and unfortunately it will be *closed* if there is no response Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Projects
None yet
Development

No branches or pull requests

2 participants