Question

我想在选择框更改时按升序和降序对表格中的数据进行排序。如果用户从选择框选项中选择升序，则数据应按升序排序，同样按降序排序。我知道这很简单，但我是新手，所以请帮助我这样做。这是我到目前为止所做的。

function createClickHandler(column, isAscending){
    return function(e){
      table.find('td')
        .filter(function(){
          return $(this).index() === column;
        })
        .sort(function(a, b){
          var order = $.text([a]) > $.text([b]);
          return isAscending ? order : !order;
        }, function(){
          // parentNode is the element we want to move
          return this.parentNode; 
        })
      ;
    };
  }

提前致谢

Answer 1

使用jQuery可以使用各种插件来执行此操作。最着名的是jQuery tablesorter：试试这个，它对我有用 http://tablesorter.com/docs/#Demo

$（ “＃myTable的”）的tablesorter（）; 在选择框的更改事件中使用此选项

在小提琴上查看：http://bit.ly/1cEApUh

排序= [[0,0]];

这是定义那些属性的数组

在第一个字段中，您需要添加列索引。在我的情况下，列索引为0.如果将其更改为1，它将根据年份

进行排序

第二个字段包含0和1,0表示升序，1表示升序

让我们举一个例子来排序make列

if（$（this）.val（）===“Ascending”）排序= [[2,0]]; 其他排序= [[2,1]];

在选择框更改时按升序和降序对HTML表进行排序

1 个答案: