2012-08-16 2 views
2

이 예가 stackoverflow에서 발견되었습니다. 이것은 매우 도움이됩니다. 각 테이블 헤더 2) 옵션 드롭 다운 선택하여 테이블을 정렬을 클릭하여머리글을 클릭하여 정렬에서 줄 바꿈 표시 줄 정렬 옵션으로 정렬합니다.

1) 종류 :

http://jsfiddle.net/Mottie/Yke6M/

는 지금은 테이블 내용을 정렬 할 수있는 방법이 두 가지 있습니다.

내 요구 사항은 드롭 다운 메뉴에서만 정렬됩니다. 표 머리글을 클릭하여 정렬 기능을 제거하고 싶습니다.

헤더를 클릭하지 못하게 할 수 있습니까?

나는 그것이 unclickable하게 만드는 테이블 헤더에 약간의 CSS를 추가 할 수 있다고 생각하고있다. 하지만 나는 css에 그런 것이 있는지 모른다.

감사

답변

3

당신이 할 필요가 false로 분류기를 설정 테이블 헤더를 클릭하여 정렬 할 수 없습니다 나는이 같은 열을 가지고 각 열 :

$('table').tablesorter({ 
    headers : { 
     0 : { sorter: false }, 
     1 : { sorter: false }, 
     2 : { sorter: false }, 
     3 : { sorter: false } 
    } 
}); 

이 수동 정렬을하지 않습니다,하지만 당신은 여전히 ​​일종의 트리거 할 수 있으므로 외부 드롭 다운 여전히 (demo)를 작동합니다. 당신이 tablesorter on github 내 포크를 사용하는 경우

또는, 당신은 단지 헤더 (demo)에 클래스 이름 sorter-false을 추가 할 수 있습니다

<th class="sorter-false">Alphabetic</th> 
<th class="sorter-false">Numeric</th> 
<th class="sorter-false">Animals</th> 
<th class="sorter-false">Sites</th> 
+0

을 내가 같은 일을하고있는 중이 야, 난 바이올린의 코드를 복사 {sorter : false}를 설정하면 드롭 다운에 대한 정렬도 비활성화됩니다. –

+0

업데이트 ... 매우 사치 스럽습니다. 포터 포 포포터를 사용하여 작업을 시작했습니다. 고맙습니다. 천재세요! –

0

음,이 해킹의 일종이다. 내가 정렬해야하는 중복 행을 만들었습니다. 나는 그들을 숨기고있다. 이제는 모든 행에 대해 정렬을 사용하지 않도록 설정했습니다.

그래서 너무 숨겨져 중복 내가 정렬 얻을 수 있어요 또한 아무도