2011-07-20 31 views
2

私はjQuery tablesorterでソートしているHTMLテーブルを持っています。 JavaScriptを使用してテーブルを名前でソートする外部リンクがあります。しかし、そのJavaScript関数の中で、私は名前列でソートするだけでなく、列0でソートする必要があります。jQuery tablesorter列番号の代わりに列IDで並べ替え

JavaScriptのカラム0の名前を覚えておく必要がないので、私は以下の内容を変更するにはどうすればよいですか?あなたはハックを使用することができ

$('document').ready(function(){ 
    $('table#classes_table').tablesorter(); 

    $("#sort-link").click(function() { 
     //How can I say something like sort by "Name" instead of having to remember name is column 0 
     var sorting = [[0,0] 
     $("table").trigger("sorton",[sorting]); 
     return false; 
    }); 
}); 

<a href="#" id="sort-link">Sort by name</a><br><br> 
<table class="tablesorter" id="classes_table"> 
    <thead> 
     <tr> 
     <th>Name</th> 
     <th>School</th> 
     <th>Students</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
     <td>Class1</td> 
     <td>School5 </td> 
     <td>32</td> 
     </tr> 
     <tr> 
     <td>Class2</td> 
     <td>School1</td> 
     <td>7</td> 
     </tr> 
    </tbody> 
</table> 

答えて

3

...

var columnIndex = $('table > thead > tr > th:contains("Name")').index(); 
関連する問題