Add scroll to all rows in a table except for the first

I have a page with: 1 - header. 2 - table. 3 - footer.

The table has a first row which is like a title for each column. After that, all the data gets ordered by row and column.

I need to scroll all the rows except the first one in the top. I try and try and I got a headache.

This is the start position: Demo

And this is One of my attempts: Demo1

Answers


I can think a few solutions..

One would be using two tables, pulling the headers out and placing the lower part of the table in a div that you can scroll.

Second could be using waypoints (http://imakewebthings.com/jquery-waypoints/)to lock the table header in and target it with tr:first-child

A third could be using an image as the header and scrolling the content in it's own div tag.

(using position:fixed will keep something locked on a page in position)

Hope these help :)


Need Your Help

Meteor-Angular - Push Error

angularjs mongodb meteor

I am using meteor-angular and I have gotten this console error that reads: Uncaught TypeError: Cannot read property 'push' of undefined I can't seem to find any documentation anywhere on how to solve

Displaying Media from Memory stream

c# windows-store-apps windows-8.1

So I want to take a video which I stored in a random access memory stream in and re display this video onto a CaptureUIElement. I am programming a Windows Store APP in C#.