react-component / react-component/table
Columns header not aligned with the body when using vertical scroll
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 1.4k
- Forks
- 618
- Ø Merge
- 10 Std. 19 Min.
- Gemergte PRs (30 T.)
- 2
Beschreibung
I created a demo using vertical scroll. I realized that, after that, the rc-table component created 2 tables for rendering - see here
Then I set a small width for column "title1" and I set the ellipsis prop for all the columns.
In this scenario, the column was wrongly rendered since the width of the cells are lower than the width of the header.
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne damit, die verlinkte CodeSandbox-Demo mit vertikalem Scrolling, einer schmalen "title1"-Spalte und Auslassungspunkten in allen Spalten nachzubilden. Untersuche die beiden gerenderten Tabellen und vergleiche die Breiten der Kopf- und Textzellen; das Issue ist abgeschlossen, wenn die betroffene Spalte in beiden Abschnitten korrekt ausgerichtet ist.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 38/100