如何在客户端的下拉菜单触发时对特定列进行排序？

Question

在我的下拉菜单中如果我选择时间戳，它应该按照升序/降序对TimeStamp进行排序，或者如果我选择主机它应该按升序/降序对Host进行排序。

目前我正在使用Tablesorter插件，它似乎不工作。

var value = $('#sourceDropdown :selected').text(); 
if(value == "TimeStamp"){ 
    $("#myTable").tablesorter({     
     headers: {      
      0: {     
       sorter: true         
      } 
     }   
    }); 
    console.log("sorted"+ value); 
} 
else if(value=="Host") { 
    $("#myTable").tablesorter({   
     headers: {      
      1: {     
       sorter: true         
      } 
     }   
    }); 
    console.log("sorted" +value); 
} 
else{ 
    console.log(value+" is not a valid option"); 
} 

Answer 1

看起来不是告诉它排序，而是指定允许排序的列。为了将列进行排序，你会使用：

var sorting = [[0,0]]; 
// sort on the first column 
$("table").trigger("sorton",[sorting]); 

所以你的情况这应该工作：

var value = $('#sourceDropdown :selected').text(); 
     if(value == "TimeStamp"){ 
      var sorting = [[0,0]]; 
      $("table").trigger("sorton",[sorting]); 
      console.log("sorted"+ value); 
     } 
     else if(value=="Host") { 
      var sorting = [[1,0]]; 
      $("table").trigger("sorton",[sorting]); 
      console.log("sorted" +value); 
     } 
     else 
     { 
      console.log(value+" is not a valid option"); 
     }