Jump to content

Freeze left column(s) and sortable table


rklockner

Recommended Posts

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?

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.