bug(table): Sticky columns table can't fixed the width of columns that sticked
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
### Is this a regression?
- [x] 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
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia con la riproduzione in src/app/table-sticky-columns-example.ts della demo StackBlitz collegata e verifica il comportamento con più di una colonna sticky. L'issue è risolta quando le colonne sticky mantengono le proprie larghezze mentre la tabella scorre orizzontalmente.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, typescript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 35/100