DataTable Jquery - Th字段排序图像问题

Question

使用DataTable Jquery时出现UI问题。请检入图像 - 部门标题排序图像。

我的代码是

 <table id="Report" border="1" class="display">
  <tread>
 <th>Project Code</th>
 <th>Department </th>
  </tread>
</table>

在剧本中：

Report.dataTable({
        "bAutoWidth": true,
        "bInfo": false,                          
        "bFilter": false,                
        "bPaginate": false,              
        "bSortClasses": false,
        "bPaginate": false,
        "aoColumns": [
                        { "mData": "projectCode" },
                        { "mData": "department" },
 ]
    });

一切正常。但排序图标来自TH标题即 - 部门。 提前致谢。

维诺德

Answer 1

定义thead字段的宽度 您可以在

中更改箭头位置

table.dataTable thead .sorting_asc::after {
    content: "";
}
table.dataTable thead .sorting_desc::after {
    content: "";
} 

班级 dataTables.bootstrap.css