헤더 정렬의 Jquery 데이터 테이블 드롭 다운 필터

Question

상자에 선택한 열에 따라 표시 할 행을 필터링하는 헤더에 드롭 다운 목록 상자가있는 데이터 테이블을 만들고 싶습니다. 나는 헤더

/* Add a select menu for each TH element in the table footer */ 
    // $("tfoot th").each(function (i) { 
     $("thead th").each(function (i) { 
     ... 

그것은 잘 작동하지만 드롭 다운 목록 상자를 클릭 할 때 정렬 수행에 드롭 다운 목록 상자를 표시하려면 여기를 column filtering example을 예제를 수정했습니다. 드롭 다운에서 작업을 수행 할 때 정렬을 비활성화하고 드롭 다운의 일부가 아닌 셀의 아무 곳이나 클릭했을 때 정렬 만 트리거 할 수 있습니까?

감사합니다.

Answer 1

$("thead th").each(function (i) { 
    this.innerHTML = fnCreateSelect(oTable.fnGetColumnData(i)); 
    $('select', this).change(function() { 
     oTable.fnFilter($(this).val(), i); 
    }); 
    $('select', this).click(function (event) { 
     event.stopPropagation(); 
    }); 
}); 

Answer 2

정렬 호출을 선택하거나 제거하기 위해 onChange 이벤트를 처리하지 마십시오. 셀에서 클릭 이벤트를 바인딩 할 수 있다고 생각합니다. 그렇지 않은 경우 클릭 이벤트를 처리 할 수있는 각 셀에 앵커 태그를 포함하도록 표 형식을 지정하십시오.