Freeze left column(s) and sortable table

[rklockner]

I've been searching for a while, and I have found some great options for sorting a table, and some OK options for freezing the left column(s), but nothing that will do it together.

 

The issue is that most of the "Freezing" solutions use numerous tables wrapped with div tags to accomplish this task, and all the "Sorting" solutions only work on one table.

 

FYI - I am not looking to reload the page each time the sort is done.

 

Anyone know of anything?

[Zane]

Explain "freezing".

 

... and elaborate your actual question more.

What exactly are you wanting to do?

[rklockner]

By freezing, I am referring to anchoring the left most columns so that the rest of the table scrolls left to right, but the leftmost column is always visible.

 

Lets say the table is 1000px wide, and I only want to show 500px, and you are able to scroll to the right to see the rest.  Now let's say there are 1000 records, and the first column contains a name, and the last (which is not visible unless you scroll to the right) contains a phone number.  It is not possible to see both at the same time unless there is a way to keep the name column visible while you scroll to the right.

 

I have found options that use multiple tables each with a div around it to accomplish this which would work, but...

 

I need the table to be sortable.  In other words, I would like to click on the header "Name" (or any other column header) and sort alphabetically.