2012-02-21 4 views
3

TableSorter. 정렬 기준 드롭 다운

ID 및 이름 (이름 + 성) 필드가 포함 된 간단한 테이블이 있습니다. 표 위에 Options ID, FirstName, LastName이있는 드롭 다운 목록이 있습니다. 드롭 다운의 선택에 따라 표를 정렬해야합니다. 나는 테이블 토 정렬 기능을 선택에 따라 트리거하는 방법을 모른다.

+0

몇 가지 코드를 제공 –

답변

3

아마도 이것이 (demo) 무엇입니까?

HTML

<select> 
    <option value="-">Choose a column</option> 
    <option value="0">column 1c</option> 
    <option value="1">column 2</option> 
    <option value="2">column 3</option> 
    <option value="3">column 4</option> 
</select> 

<table class="tablesorter"> 
    <!-- stuff here --> 
</table> 

스크립트

$(function(){ 
    $('table').tablesorter(); 

    $('select').change(function(){ 
    var column = parseInt($(this).val(), 10), 
     direction = 1, // 0 = descending, 1 = ascending 
     sort = [[ column, direction ]]; 
    if (column >= 0) { 
     $('table').trigger("sorton", [sort]); 
    } 
    }); 
}); 

관련 문제