추가 헤더 행이있는 정렬 가능한 테이블

Question

첫 번째 행에서 sortable 동작을 비활성화 할 수 있습니까?

<table class="ui sortable table"> 
    <thead> 
    <tr> 
     <th colspan="2"> 
     Header 
     </th> 
    </tr> 
    <tr> 
     <th>Id</th> 
     <th class="ascending sorted">Username</th> 
    </tr> 
    </thead> 
    ... 
</table> 

현재는 다음과 같이 동작합니다

헤더 커서가 포인터와 배경에 onblur/onfocus 및 변경됩니다.

Answer 1

정렬을 처리하기 위해 javascript를 추가하거나 시맨틱 UI 통합과 함께 제공되는 테이블 정렬, 검색, 필터링 등에 대해 dataTables과 같은 널리 사용되는 종속성을 사용할 수 있습니다.

테이블을 정렬하려면, 당신은 단순히 같은 데이터 테이블의 인스턴스를 호출 할 수 있습니다

$(document).ready(function() { 
    $('#myTable').DataTable(); 
}); 

당신은 그 기준을 확인해야합니다. 아주 간단한 예제와 사용법 가이드가 있습니다.