Flexible HTML Table with Fixed Header and Footer around a Scrollable Body

Fair point, sorry I came across that way! I looked through your last table as well but wasn’t certain whether that was the final version since you mentioned it you didn’t have time to test it out yet. For all intents & purposes, it is the closest I’ve seen to a perfect solution for all my requests. It’s almost unnerving the way the table adapts across different browsers & their various scrollbars.

The only notable drawback—aside from cloning the table twice—I’ve noticed the scrollbar continues to remain visible in a disabled state when there are not enough rows for the table to scroll. This request has existed since the original post because a disabled scrollbar doesn’t have much purpose & detracts visually from an otherwise normal table. To be honest, I’m on the verge of considering to use one of these jQuery scrollbars purely because of the functional value you’ve added to the table already, despite the visible scrollbar.

My last post was concerning your previous table (using 1 clone) and about going down a somewhat different route for it. I love the simplicity of its execution was wondering if it could be worth modifying one of my original requests for the sake of easier code readability & easier maintenance in the long-run. I thought having the scrollbar outside the table (contrary to my request) would make it substantially easier to code so I was willing to run with it along with a few more tweaks that would make it seem like the scrollbar was within the table itself. In addition, I threw in a link to another demo which does a nifty job of tackling this but with its own drawbacks, perhaps it could more useful to you for comparison.

I really do appreciate the time you and others have put into this thread. I’ve tried to keep my requests broadly the same from the original post with other tweaks/suggestions to make things simpler when possible. If something isn’t feasible, please let me know & I’ll try to adjust accordingly. Thank you :smiley: