Header can not be fixed on chrome

[taiwankyh]

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]

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]

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 <#372 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AE7J64L5OH3VKLY2CXMQM6DY6RYWVAVCNFSM6AAAAABGOVMLNKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDANRYGM3TGOBZGI> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[glin]

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]

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 <#372 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AE7J64NEKMOAWMEQGZQRDXLY7W32LAVCNFSM6AAAAABGOVMLNKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDAOBRHAZDIMZWGY> . You are receiving this because you authored the thread.Message ID: ***@***.***>