Using tablesorter to sort one column based on the values of another?

Question

I have a table that looks a little like this:

    ID    Paragraph  Title
    1     §1-1       This is the first
    2     §2-1       This is the second
...
    12    §10-1      This is the twelfth

The 'ID' column is hidden, the other two are visible. I've managed to get JQuery Tablesorter to work on sorting Paragraph and Title columns, however I would like to use the ID values when sorting the Paragraph column. Simply because the sorting is incorrect when using the Paragraph column as one can easily see.

Is it possible to somehow make tablesorter use the ID column/values when sorting the Paragraph column?

Mottie · Accepted Answer · 2012-01-27 14:39:30Z

3

I think the easiest solution would be to just add a hidden span in the paragraph column with the ID inside and a space after to separate it from the text (<span class="hidden"># </span>) (demo)

<tr>
  <td>1</td>
  <td><span class="hidden">1 </span>Paragraph of text</td>
</tr>

answered Jan 27, 2012 at 14:39

Mottie

86.7k30 gold badges132 silver badges248 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

noocyte Over a year ago

This along with the JQuery Metadata plugin and a bit of magic on the table header made it all work. The magic bit is: <th class="{sorter: 'digit'}">

Collectives™ on Stack Overflow

Using tablesorter to sort one column based on the values of another?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related