Autodesk / Autodesk/react-base-table

Sticky header with frozen column on window scroll

Aperta
#368 1 commento 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
1.5k
Fork
170
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

Hi @nihgwu

first of all, thanks for the handy library,
I saw the comment in the issue https://github.com/Autodesk/react-base-table/issues/281,
but still have questions about how to apply `sticky` on the header with `frozen columns`,

this is a rough example when I try to add a sticky effect on it ([link](https://autodesk.github.io/react-base-table/playground#MYewdgzgLgBKA2BXAtpGBeGBzApmHATgIZQ4DCISqEAFAIwAMAlAFCiSwAmJRG2ehEjgAiPGghSQANDABMDZizbhoMAMpQAnvBycAKkQBGOvtG26aB4ziYADFjBgA6AEJEIOKzoD63gBY4RJyEMq7unkY+-oHBBAC0BCAA7jAA3g6OMAAOIBAAllB54ABcMNB5wADWmjAAhHnIOQRQRGBQANwZjlAgWaUMnY4Aviz2SuyqAGZ5AB66FFRomBLUTshEWTTilJIyK2AAkmDBM0wYAHxpGTqwk4kAXngZeZMw24tHJzAAPHJndyBHmA+AtJE4AGIPPDCPIEHDAQrgJwAGQAouC9M9Xu9JJ8cDMYJcABz-KHAzCg1AQskwuEIopgJwAJQOAHEABKYxxwqCIAjA1LOJxOfYyAFAmAjIasFj4ppcHCTIiIeCwGhndCXGgZb4acz6SI4LowaZzTjG-YQdCpU3zHbUEaZGDcFrWl1ER2ZAJ5LB+KDWo7TMAFTSegD05xYrCAA)),
I knew the frozen columns are rendered as another table and got fixed by `position: absolute` so the css may be hard to tweak,
I am not sure is there any solution I can do in current version,
look forward to hear any suggestion.
thanks!

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia dall’esempio di playground collegato e dall’issue #281, quindi esamina il comportamento esistente di sticky-header e frozen-column nella tabella React. Il lavoro è completato quando viene stabilito se la versione corrente supporta questa combinazione e, in caso contrario, viene definita una modifica supportata o una soluzione alternativa documentata.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, typescript
Ambito
frontend
Tipo di issue
Funzionalità
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Da chiarire
Idoneità per principianti
25/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.