Autodesk / Autodesk/react-base-table

Sticky header with frozen column on window scroll

Ouverte
#368 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
TypeScript
Étoiles
1.5k
Forks
170
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

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!

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par l’exemple de playground lié et l’issue #281, puis examinez le comportement existant de sticky-header et frozen-column dans le tableau React. Le travail est considéré comme terminé lorsqu’il est établi si la version actuelle prend en charge cette combinaison et, dans le cas contraire, lorsqu’une modification prise en charge ou une solution de contournement documentée est définie.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
react, typescript
Domaine
frontend
Type d'issue
Fonctionnalité
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.