jquery datatable header header требуется два курсора

Question

У меня есть jquery datatable с столбцом перетаскивания, включенным с помощью значка сортировки.

мне нужно применить курсор: указатель на парения сортировочного значок и курсор: двигаться по наведению других областей заголовка столбца

Хотя есть только один тег HTML <th> и сортировки значок также в том, что я не могу для достижения этой цели. Любые предложения/решения для этого.

Пример изображения, чтобы сделать вопрос ясно:

Спасибо заранее.

Answer 1

В DataTables используется фоновое изображение для значков сортировки. Вам нужно изменить это на :before или :after, чтобы вы могли использовать разные стили css для значков и других арий заголовка. С фоном вы не можете этого сделать.

Пример для нормальных иконок:

table.dataTable thead .sorting_desc { 
    background-image: url("../images/sort_desc.png"); 
}