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

Question

我有一个 jquery 数据表，其中包含启用了排序图标的拖放列。

我需要应用 cursor: pointer on hover sorting icon and cursor: move on hover other areas of column header

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

使问题清晰的示例图像:

提前致谢。

Answer 1

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

普通图标示例:

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