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

mat*_*att 3 jquery datatables

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

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

mat*_*tth 5

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

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

您可以根据自己的喜好手动修改此文件(或通过在单独的位置覆盖它):

.sorting {
}
Run Code Online (Sandbox Code Playgroud)

  • 你想创建一个新的类,用任何东西覆盖背景,然后将它应用到你不想要箭头的列. (3认同)