jquery.sorter.js

jquery.sorter.js

function getidx(base, idx) {return $(base).children('td').eq(idx).text();}
function cmp(a, b, desc) {return desc?a<b:a>b;}
$.fn.sorter = function() {
  $(this).each(function() {
    var tbl = this;
    $($(this).find("thead").find("th")).click(function(){
      var idx = $(this).index(), order = 0;
      $(tbl).find("thead").find("th").each(function() {if (idx != $(this).index()) $(this).removeClass("sort-desc").removeClass("sort-asc");});
      if ($(this).hasClass("sort-desc")) {order = 1; $(this).removeClass("sort-desc").addClass("sort-asc");}
      else $(this).removeClass("sort-asc").addClass("sort-desc");
      var _ = $(tbl).find("tbody").find("tr");
      for(var i=0;i<_.length;i++) for(var j=0;j<i;j++)
        if (cmp(getidx(_[i], idx), getidx(_[j], idx), order)) {
          var tmp = $(_[j]).html(); $(_[j]).html($(_[i]).html()); $(_[i]).html(tmp);
        }
    })
  })
}