jquery 数据表列标题需要两个游标

Question

我有一个带有排序图标的拖放列的 jquery 数据表。

我需要应用光标：悬停排序图标上的指针和光标：悬停在列标题的其他区域上移动

虽然只有一个 html 标签<th> 并且排序图标也在其中，但我无法实现这一点。对此有任何建议/解决方案。

让问题更清晰的示例图片：

提前致谢。

Answer 1

DataTables 使用背景图像作为排序图标。您需要将其更改为:before 或:after，以便您可以为图标和标题的其他区域使用不同的css 样式。有背景你不能这样做。

普通图标示例：

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