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

bug(table): Sticky columns table can't fixed the width of columns that sticked #25396

Open
1 task done
simba-1007080 opened this issue Aug 4, 2022 · 2 comments
Open
1 task done
Labels
area: cdk/table P2 The issue is important to a large percentage of users, with a workaround

Comments

@simba-1007080
Copy link

simba-1007080 commented Aug 4, 2022

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

The table show with more than one sticky column, when I scroll the table horizontal,the width of the sticky columns can't keep width size
I need to keep the sticky columns when I scoll the table horizontal, how to do?
Thanks!

Reproduction

https://stackblitz.com/run?file=src/app/table-sticky-columns-example.ts
This is a demo of one sticky colum,I need a table more than one sticky cloumn and need to keep the sticky columns widht when I scorll the table horizontal

Expected Behavior

I hope to keey the widht of sticky columns,when I scroll a sticky columns table horizontal.

Actual Behavior

I see the sticky columns resize width when I scroll the table horizontal. I hope to keey the widht of sticky columns

Environment

Angular CLI: 13.1.4
Node: 16.13.1
Package Manager: npm 8.1.2
OS: win32 x64

Angular: 13.1.3
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.1301.4
@angular-devkit/build-angular 13.1.4
@angular-devkit/core 13.1.4
@angular-devkit/schematics 13.1.4
@angular/cdk 13.3.6
@angular/cli 13.1.4
@angular/material 13.3.6
@angular/material-moment-adapter 13.3.6
@schematics/angular 13.1.4
rxjs 7.4.0
typescript 4.5.5

@simba-1007080 simba-1007080 added the needs triage This issue needs to be triaged by the team label Aug 4, 2022
@joaoap
Copy link

joaoap commented Sep 2, 2022

Hello, i'm experiencing a similar problema after upgrading my application angular from 12.2.2 to 13.3.11 (upgrade angula and material dependencies).

I've workaround the problem by downgrading the angular material version to 13.1.1.
If you check the angular components change log, there was a fix related to table sticky columns on version 13.1.2. Somehow, that version break the sticky columns.

Hope this problem is fixed soon.

@andrewseguin andrewseguin changed the title bug(COMPONENT): Sticky columns table can't fixed the width of columns that sticked bug(table): Sticky columns table can't fixed the width of columns that sticked May 7, 2023
@andrewseguin
Copy link
Contributor

The logic for _coalescedStyleScheduler is not running the task with the latest width styles for some reason, causing the left calculation to be outdated

@andrewseguin andrewseguin added P2 The issue is important to a large percentage of users, with a workaround area: cdk/table and removed needs triage This issue needs to be triaged by the team labels May 7, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: cdk/table P2 The issue is important to a large percentage of users, with a workaround
Projects
None yet
Development

No branches or pull requests

3 participants