Making a scrollable table with fixed header and fixed sidebar

jquery html css fixed-header-tables
riccardolardi picture riccardolardi · Mar 21, 2013 · Viewed 33.6k times · Source

I need to always display the header and sidebar indexes, but let the content be scrollable freely x & y ... any solutions to this problem?

I have looked at DataTables jQuery plugin (example: link), but I was wondering if there were any alternatives.

Answer

Sahil Popli picture Sahil Popli · Mar 21, 2013

You can put One thing Fixed

Header if horizontal scrolling

Demo : Horizontal scroll table

Sidebar If Vertical Scrolling

Demo : Fiddle with Vertical Scroll

or your [strange] case

Demo: Both things fixed // Not recommended

And what exactly you want is here

Demo : With Basic styles Link is Broken Now Please Use this Instead

Source Code : snipt.org

Related questions

Slide right to left?

How can I have a div go from collapsed to expanded (and vice versa), but do so from right to left? Most everything I see out there is always left to right.

Read More
Click button copy to clipboard using jQuery

How do I copy the text inside a div to the clipboard? I have a div and need to add a link which will add the text to the clipboard. Is there a solution for this? <p class="content"&…

Read More
Refresh/reload the content in Div using jquery/ajax

I want to reload a div on click of a button. I do not want to reload the full page. Here is my code: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="…

Read More