JS table sort by checkbox

Question

I have a table with multiple data types on columns (date, string, int and checkbox). I want to sort it by the checked property of the checkbox.

I have done most of the function but I am stuck in getting the checkbox value from the td.

$tbody.find('tr').sort(function (a, b) {
    var tda = checkboxSort ? $(a).find('td:eq(' + columnNumber + ')').find('checkbox').val() : $(a).find('td:eq(' + columnNumber + ')').text().toLowerCase();
    var tdb = checkboxSort ? $(b).find('td:eq(' + columnNumber + ')').find('checkbox').val() : $(b).find('td:eq(' + columnNumber + ')').text().toLowerCase();
    //...other sortings based on type

    if (ascending) {
        return tda < tdb ? -1 : tda > tdb ? 1 : 0;
    } else {
        return tdb < tda ? -1 : tdb > tda ? 1 : 0;
    }
}).appendTo($tbody);

Here "checkboxSort ? $(a).find('td:eq(' + columnNumber + ')').find('checkbox').val()" i cant manage to sort it out.

Can someone help me? Thanks!

Haresh Vidja · Accepted Answer · 2016-07-26 11:39:59Z

2

I hope it will works, I am not sure about it. because I have not tested from my side as you have mentioned other variables also. Still I have tried my best

var $tr = $tbody.find('tr');

var sorted_tr= $tr.sort(function (a, b) {
    var tda = checkboxSort ? $(a).find('td:eq(' + columnNumber + ') checkbox').is(':checked') : $(a).find('td:eq(' + columnNumber + ')').text().toLowerCase();
    var tdb = checkboxSort ? $(b).find('td:eq(' + columnNumber + ') checkbox').is(':checked') : $(b).find('td:eq(' + columnNumber + ')').text().toLowerCase();
    //...other sortings based on type

    if (ascending) {
        return tda < tdb ? -1 : tda > tdb ? 1 : 0;
    } else {
        return tdb < tda ? -1 : tdb > tda ? 1 : 0;
    }
});

$tbody.html(sorted_tr);

answered Jul 26, 2016 at 11:39

Haresh Vidja

8,4713 gold badges29 silver badges44 bronze badges

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

Collectives™ on Stack Overflow

JS table sort by checkbox

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related