joshmarinacci/css-tables-demo

CSS Tables with Fixed Headers

css-table-demo

CSS Tables with Fixed Headers

Conclusion

This demo was meant mainly for developers that either were not aware or face difficulty in headers of the CSS Tables

css-tables-demo's Issues

fails in firefox, ie and safari?

double scrollbar? this is the first code I've ever seen that works in chrome that fails in firefox.

Thank you! 🙂

Just wanted to say thank you so much for this code snippet! 🙂

After spending two days trying to figure out how to have a table that scrolls horizontally with a table body that scrolls vertically, I finally found your article on this! 🙂 (https://joshondesign.com/2015/05/23/csstable)

For me, the magic piece was putting width: fit-content on the <tbody>.

By the way, for anyone else who runs across this repo, there are two changes to the code that you probably want to make:

• For overflow, use auto instead of scroll, so that the scrollbars are only shown when needed.
• Use width: fit-content instead of width: -webkit-fit-content

Thank you again!! 🙂