How do I freeze the first and last columns of an html table in a scrollable div?

Question

I have a table which has a header row, but also a header column and a total column with several columns in between.

Something like this:

Name    Scor         


        

Answer 1

Take a look at this jQuery plugin:

http://fixedheadertable.com/