我正在使用jQuery DataTables插件。
有没有办法摆脱他们在标题中显示的小箭头来指示排序选项?
我想保留功能,通过点击这个列排序的标题,我只是不想显示箭头图标,因为它们更改了列标题的布局。
<th class="sorting" role="columnheader" tabindex="0" aria-controls="myTable" rowspan="1" colspan="1" style="width: 151px;" aria-label="Category: activate to sort column ascending">Category</th>
非常感谢任何帮助,蒂姆。
解决方法
图标被定义为CSS类的background:url(..)。禁用它们:
.sorting,.sorting_asc,.sorting_desc { background : none; }
见jsfiddle – > http://jsfiddle.net/5V2Dx/注意:此解决方案适用于数据表1.9.x!
更新。当使用数据表1.10.x时,用于重置标题图标的CSS有点不同:
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc { background : none; }
参见 – > http://jsfiddle.net/kqpv3ub9/(更新演示正在使用dataTables 1.10.11)