javascript - 从侧面菜单对表格进行排序

Question

这听起来可能很奇怪。我想知道是否可以通过单击侧面菜单链接而不是通过表头对表进行排序。

我知道我们可以使用一些 jQuery 库在表格内进行排序、分页...。

但我这里的要求是从侧边菜单排序，而不是从表头排序。

<table>
  <thead>
    <tr>
     <th>blabla</th>
     <th>blabla</th>
    </tr>
  </thead>
  <tbody>
   <tr>
    <td>blabla</td>
    <td>blabla</td>
   </tr>
 </tbody>
</table>

Answer 1

这可能会给你一个关于如何做的想法，伙计..

function sortColumn(c,n){
  var rows = $('#mytable tbody  tr').get();

  rows.sort(function(a, b) {

  var A = $(a).children('td').eq(n).text().toUpperCase();
  var B = $(b).children('td').eq(n).text().toUpperCase();

  if(A < B) {
    return -1*c;
  }
  if(A > B) {
    return 1*c;
  }
  return 0;
  });

  $.each(rows, function(index, row) {
    $('#mytable').children('tbody').append(row);
  });
}


 var sln = 1;
$("ul li").click(function(){
    sln *= -1;
    var n = $("ul li").index(this);
    sortColumn(sln,n);
});

fiddle here