jquery - 数据表仅在已排序的列上显示排序箭头

Question

在 Jquery DataTables 中，我有一个在单击列时成功排序的表。我想要发生的是只看到整个 th 行的一个排序箭头。该箭头将是单击列上的向上或向下箭头。但是，默认情况下，我会在每个列标题上看到向上和向下箭头。这是我目前的电话：

$('#results-table').dataTable( {
    "bPaginate": false,
    "bDeferRender": true,
    "bAutoWidth": false,
    "bFilter": false,
    "bInfo": false,
    "aoColumns": [{"bSortable":false}, null]
});

Answer 1

每个可排序class="sorting"的列都来自 jquery.dataTables.css 文件。此类设置背景以包含箭头：

.sorting {
    background: url("../images/sort_both.png") no-repeat scroll right center transparent;
}

您可以根据自己的喜好手动修改此文件（或在单独的位置覆盖它）：

.sorting {
}