Table sorting with jquery

Question

How to implement table Sorting According to it's any column by Jquery. I don't want any plugin. Just by pure jquery.

why you don't want to use any plugin? If you will use any plugin, your code size will be reduced and also you don't need to validate the whole code. So use "datatable.js" plugin to sort the tables. — Azhar Mansuri
– Azhar Mansuri, Commented Jan 28, 2015 at 10:47

SharmaPattar · Accepted Answer · 2015-01-28 12:17:14Z

3

We can use jquery.

var $tbody = $('table tbody');
            $tbody.find('tr').sort(function (a, b) {
                var tda = $(a).find('td:eq(' + ColumnIndex + ')').text(); // Use your wished column index
                var tdb = $(b).find('td:eq(' + ColumnIndex + ')').text(); // Use your wished column index
                // if a < b return 1
                return tda > tdb ? 1
                       // else if a > b return -1
                       : tda < tdb ? -1
                       // else they are equal - return 0    
                       : 0;
            }).appendTo($tbody);

Use < instead of >for descending.

FIDDLE

answered Jan 28, 2015 at 12:17

SharmaPattar

2,6623 gold badges23 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Table sorting with jquery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related