search

glin / reactable

Interactive data tables for R
https://glin.github.io/reactable
Other
627 stars 80 forks source link

Header can not be fixed on chrome #372

Closed taiwankyh closed 5 months ago

taiwankyh commented 5 months ago

I use the reactable package version 0.4.4, htmltools package version 0.5.7 htmlwidgets package version 1.6.4

I create a table, as data %>% reactable (...)

It looked well and the header fixed at the Rstudio viewer panel. However, once it was saved and I use chrome (ver 版本 124.0.6367.61 (正式版本) (64 位元)) to open it. The header was not fixed. Because the table is desinged as expandable, and it was too inconvenient for no fixed header.

Could you please help me, thanks a lot.

Kuo Yao-Hung

glin commented 5 months ago

Hi, this may have been an issue with very old Chrome versions, but I can't reproduce now on Chrome 124 with those same package versions. Do you see the sticky header working in this example? https://glin.github.io/reactable/articles/examples.html#no-pagination

Otherwise can you post your full table code? Maybe there's something special about the styling there.

taiwankyh commented 5 months ago

Dear Greg

Thanks for your reply, and it worked after adding (height = 500). I think it is not necessary for assign the height and the header goes down when full-screen. It is really nice to receive your help. I really like reactable package, and it is very very easy to use.

Best regards,

Kuo Yao Hung

Greg Lin @.***> 於 2024年4月22日 週一 上午10:28寫道：

Hi, this may have been an issue with very old Chrome versions, but I can't reproduce now on Chrome 124 with those same package versions. Do you see the sticky header working in this example? https://glin.github.io/reactable/articles/examples.html#no-pagination

Otherwise can you post your full table code? Maybe there's something special about the styling there.

— Reply to this email directly, view it on GitHub https://github.com/glin/reactable/issues/372#issuecomment-2068373892, or unsubscribe https://github.com/notifications/unsubscribe-auth/AE7J64L5OH3VKLY2CXMQM6DY6RYWVAVCNFSM6AAAAABGOVMLNKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDANRYGM3TGOBZGI . You are receiving this because you authored the thread.Message ID: @.***>

glin commented 5 months ago

Yep, by default the table height is 100% of its parent element, so it'll fill the page if you don't set a fixed height on it. The sticky header will only work when there's a scrollbar in the table.

taiwankyh commented 5 months ago

Thanks so much, and I must appreciate your great work, {reactable} package and your kindly help.

Greg Lin @.***> 於 2024年4月29日 週一 上午11:19寫道：

Yep, by default the table height is 100% of its parent element, so it'll fill the page if you don't set a fixed height on it. The sticky header will only work when there's a scrollbar in the table.

— Reply to this email directly, view it on GitHub https://github.com/glin/reactable/issues/372#issuecomment-2081824366, or unsubscribe https://github.com/notifications/unsubscribe-auth/AE7J64NEKMOAWMEQGZQRDXLY7W32LAVCNFSM6AAAAABGOVMLNKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDAOBRHAZDIMZWGY . You are receiving this because you authored the thread.Message ID: @.***>