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, columns: When resizing columns the width of all other columns changes width as well #12654

Closed
emilEcru opened this issue Feb 20, 2023 · 4 comments
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@emilEcru
Copy link

Describe the bug

Hi,

Running Angular (15.1) and PrimeNG (15.1)

Issue with PrimeNG tables.
When adding [resizableColumns]="true" and columnResizeMode="expand" in the same table, the resizing of columns is breaking. Resizing one column affect all columns (different amounts). In my specific scenario I also want to use table column grouping. This addition seems to make the bug worse.

On my own site i have a large number of columns. When I resize a column the entire table changes a lot.
Here below is a StackBlitz to see and test the error. The first table is with table column grouping the second table is without.
The bug, when without table column grouping, is more subtle but if you resize the width a few times you can notis the other columns changing width as well.

Stackblitz for live bug

Environment

Running Angular (15.1) and PrimeNG (15.1)
Chrome

Reproducer

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

Angular version

15.1

PrimeNG version

15.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

v16.15.0

Browser(s)

Chrome 109

Steps to reproduce the behavior

No response

Expected behavior

When I resize a column i only want that column resized.

@emilEcru emilEcru added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Feb 20, 2023
@rjGoTwins
Copy link

Is there any progress on this? I have a feeling it is an unintended side-effect of changes described in issue 12047:

#12047

I would expect that resizing a column when table-layout is auto could resize other columns, but this should not happen when table-layout is fixed. This is very annoying.

@sriteja2602
Copy link

This is fixed in v16 and above.

@Amit221060
Copy link

What about primeng15?
I see its working in LTS but not public versions of 15.

@mertsincan
Copy link
Member

Hi,

So sorry for the delayed response! Improvements have been made to many components recently, both in terms of performance and enhancement. Therefore, this improvement may have been developed in another issue ticket without realizing it. You can check this in the documentation and try the latest PrimeNG version(v19). If there is no improvement on this, can you open a new issue so we can include it in our roadmap?

Thanks a lot for your understanding!
Best Regards,

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
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

5 participants