jquery tablesorter — заголовки столбцов при наведении курсора мыши

Question

есть ли способ навести указатель мыши на заголовок столбца, чтобы было ясно, что вы можете щелкнуть по заголовку столбца, чтобы отсортировать таблицу по этому столбцу

Answer 1

Да, это достижимо с помощью курсора:CSS-свойство указателя.Это свойство можно применить в файле CSS внутри соответствующего класса или напрямую с помощью jQuery:

$('th').css('курсор', 'указатель');

Answer 2

$('th').css('cursor', 'pointer');

Преимущество применения этого правила в JavaScript заключается в том, что стиль не будет применяться, если JavaScript отключен (это означает, что столбцы не будут сортироваться).

В качестве альтернативы вы можете использовать код «включения сортировки», применяющий класс к родительскому классу. table заголовков, что сокращает количество требуемых операций DOM и обеспечивает дальнейшее разделение поведения и представления.

$('table').makeSortable().addClass('sortable');

...

.sortable th {
    cursor: pointer;
}