Autodesk / Autodesk/react-base-table

Sticky header with frozen column on window scroll

オープン
#368 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
TypeScript
スター
1.5k
フォーク
170
PR マージ指標
30日以内にマージされた PR はありません

説明

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!

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

リンクされた playground の例と issue #281 から始め、その後、React テーブルにおける既存の sticky-header と frozen-column の動作を調査します。現在のバージョンがこの組み合わせをサポートしているかどうかを確認し、サポートしていない場合は、サポートされる変更または文書化された回避策を定義できれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript
領域
frontend
issue の種類
機能追加
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。