jQuery DataTables을 사용하면 정렬 가능한 열 머리글보다 마우스 커서를 어떻게 변경합니까?

Question

DataTables examples에서 정렬 가능한 열 머리글 위로 마우스를 이동하면 마우스 커서가 링크를 나타내는 것으로 변경됩니다. 그러나, 나는 내 자신의 프로젝트에서 같은 효과를 얻지 못한다. 내가 지금처럼 DataTables를 구성 (jQuery를 UI ThemeRoller에 의해 테마에) :

$('#build-table').dataTable({ 
    'aaSorting': [[1, 'desc'], [0, 'asc'], [2, 'asc']], 
    'bJQueryUI': true, 
    }); 

가 어떻게 마우스 커서 동작을 얻을 마십시오 DataTables 데모의, 정렬 열 머리글을 상회 할 때?

편집

나는 그것이 CSS를 해 드리겠습니다 알고 있지만, DataTable을 데모로 상자 같은 모든 작업 중 거기에 아무것도 궁금.

Answer 1

특히 dataTable()에 익숙하지 않지만 가장 쉬운 방법은 정렬 가능한 열에 클래스를 지정하고 CSS cursor:pointer; 속성을 사용하여 마우스를 클릭 할 수 있음을 나타내도록하는 것입니다.

Answer 2

모든 demo_table.css 사용하는 datatables 데모 및이 규칙 : CSS, 예를 들어, 사용

table.display thead th { 
    padding: 3px 18px 3px 10px; 
    border-bottom: 1px solid black; 
    font-weight: bold; 
    cursor: pointer; /*This is what you want*/ 
    * cursor: hand; 
}