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

P-Table - Column resize not working as expected #12183

Closed
AvshT opened this issue Nov 10, 2022 · 12 comments · Fixed by #12982
Closed

P-Table - Column resize not working as expected #12183

AvshT opened this issue Nov 10, 2022 · 12 comments · Fixed by #12982
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@AvshT
Copy link

AvshT commented Nov 10, 2022

Describe the bug

Table is set with resizableColumns="true" & columnResizeMode="expand"
When I resize the first column by let's say 50% the column is not fit into the destination place.

Please see the demo:
https://user-images.githubusercontent.com/29532821/201139298-6911a905-913d-4464-a2e5-a0044e72e312.mp4

(The bug is reproduced in all prime 14.x.x versions)

Environment

Win 11

Reproducer

https://stackblitz.com/edit/primeng-tablestate-demo-n6mg6r?file=src%2Fapp%2Fapp.component.html,package.json

Angular version

14

PrimeNG version

14.2.1

Build / Runtime

Angular CLI App

Language

ALL

Node version (for AoT issues node --version)

14

Browser(s)

Chrome Latest

Steps to reproduce the behavior

No response

Expected behavior

Column should resize properly.

@AvshT AvshT added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Nov 10, 2022
@AvshT AvshT changed the title Component: Table - Column resize not working as expected P-Table - Column resize not working as expected Nov 10, 2022
@cetincakiroglu cetincakiroglu added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Nov 11, 2022
@AvshT
Copy link
Author

AvshT commented Nov 21, 2022

@cetincakiroglu @gucal Any updates?

@PranKe01
Copy link

Even worse is that when you have set columnResizeMode to "fit", you can only resize "within the range of that column". So when you try to resize into the area of another column (like in your video) nothing happens Oo

@efibn
Copy link

efibn commented Dec 11, 2022

@cetincakiroglu
We are having the same bug/blocker, and it's useless to mentioned that: this is the most important component of PrimeNG, as I see it, most complicated and maintained.
So please, fix this regression! as this issue really block us all for moving on to the next version of Prime & Angular!

@ArielLevovich
Copy link

Please fix this bug. It is really embarassing and it is a blocker to upgrade to PrimeNG 14 for every business using your product.
Thank you!

@mici37000
Copy link

I've also encountered this bug.
It's essental to solve it in order to be able to use table component properly.

@AvshT
Copy link
Author

AvshT commented Jan 17, 2023

@cetincakiroglu Any updates?

@AvshT
Copy link
Author

AvshT commented Feb 14, 2023

@cetincakiroglu prime-react release a Workaround here:
https://github.com/primefaces/primereact/issues/3970

@PranKe01
Copy link

Hopefully it will also get fixed in primeng.

@biswasSaumyadip
Copy link
Contributor

@AvshT please check the PR and confirm if this is how it's supposed to work, a video is attached to the above PR.

@AvshT
Copy link
Author

AvshT commented May 3, 2023

@biswasSaumyadip Thank you for the PR, You've got my confirmation. :)

@gucal gucal linked a pull request May 3, 2023 that will close this issue
@cetincakiroglu cetincakiroglu added the LTS-PORTABLE Issue's fix will be ported to supported LTS versions label Jul 5, 2023
@cetincakiroglu cetincakiroglu added this to the 16.0.3 milestone Jul 5, 2023
@gucal gucal removed the LTS-PORTABLE Issue's fix will be ported to supported LTS versions label Jul 16, 2023
@AvshT
Copy link
Author

AvshT commented Dec 27, 2023

Hi,
There is any chance that you could enter this fix for V15?

Angular 16 requires Node 16, and unfortunately, our build machine is not compatible with it.

@biswasSaumyadip
Copy link
Contributor

@AvshT you mean for angular v15?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

8 participants