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

【问题标题】：datatables only show sorting arrow on the sorted column数据表仅在已排序的列上显示排序箭头
【发布时间】：2013-08-06 20:02:15
【问题描述】：

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

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

【问题讨论】：

标签： jquery datatables

【解决方案1】：

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

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

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

.sorting {
}

【讨论】：

你会想要创建一个新的类来覆盖背景，然后将它应用到你不想要箭头的列。