Как с помощью jQuery DataTables сделать так, чтобы курсор мыши менялся над сортируемыми заголовками столбцов?

Question

В в примерах DataTables я вижу, что курсор мыши изменяется, чтобы указать ссылку при наведении курсора над сортируемыми заголовками столбцов.Однако я не получаю такого же эффекта в своем собственном проекте.Я настраиваю 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 и это правило:

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;
}