Question

I would like that the Signed button in this JSfiddle sorts the column with the check boxes, like it actually does perfectly.

http://jsfiddle.net/littlesandra88/DSRmg/

I noticed that tinySort, the library used to sort the tables, can’t sort the column with just the check boxes, so I added a   (or X in the JSfiddle for visability) for those <td>‘s that have the check box checked, and it could sort the column.

Problem

The problem is, that when Save is clicked the   or X in this case, should be added, so when Signed is clicked, the column is sorted correctly.

In this post learned I how to add and remove &nbsp or X.

It seams to me that JQuery can’t find the <label>, because it is inside a <td>.

How to reproduce problem

Try un-checking one of the checkboxes and click Signed. Now the check box column is not sorted correctly any longer.

Question

How do I get the Save buttons to add a  , so the column can be sorted?

Update

In this have I implemented Rakesh’s answer of tablesort. But I still can’t get it to work.

Answer 1

I would suggest you to use tablesorter plugin which gives you an option to have your own parser logic for sorting.

Take a look at the code – http://jsfiddle.net/srakesh/DSRmg/8/

HTML:

<td class="checkbox"> <input name="signed" type="checkbox" checked ><span class="hidden">1</span> </td>

Javascript:

$(document).ready(function() { 
    $("#myTable").tablesorter();              
    $('#myTable input:checkbox').click(function() {
        var order = this.checked ? '1' : '0';
        $(this).next().html(order);
        $(this).parents("table").trigger("update");
    })
});