aspx 페이지의 테이블 필터링

Question

aspx 페이지의 테이블에서 Excel 종류의 필터링을 구현해야합니다.

내가 원하는 것은 각 열 머리글을 클릭하면 해당 열의 행 목록이 각 행에 대한 확인란으로 표시되어야하고 특정 행을 선택하면 그에 따라 필터링해야합니다.

Answer 1

다음은 한 번에 하나의 열에 대한 작동 예제입니다. 나는이 작업을 여러 열에 적용하려고 노력하고 있습니다. http://jsfiddle.net/mwB37/20/

UI와 관련된 모든 플러그인을 요구하고 있으므로 관련된 코드를 포함하여 모든 것을 포함하는 것은 다소 어렵습니다. PicNet Table Filter

JQuery와 사용할 수있는 filtering 플러그인도 있습니다 : 당신은 이미 대신 완료 무언가를 원하는 경우에

// fetching the column index 
var columnIndex = th.index(); 

// then fetching the corresponding TDs (use for-loop when thousands of elements) 
var tds = th.closest('table') 
      .find('tbody td:nth-child(' + (columnIndex+1) + ')'); 

// distinctively selecting the unique text values in those columns 
var checks = $.unique(tds.map(function() { 
    return $(this).text(); 
}).get()); 

// the most basic way possible of filtering 
// (should be extended into an OR query of all current column filters) 
if (index != -1 || arr.length == 0) 
    td.parent('tr').show(); 
else 
    td.parent('tr').hide(); 

는이 같은 플러그인 :하지만, 여기에 내 생각을 정의하는 키 발췌 및 개념은 DataTables plugin, 정렬이 분명히 주요 초점이지만.