jQuery/DataTables:删除排序箭头

前端之家收集整理的这篇文章主要介绍了jQuery/DataTables:删除排序箭头前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jQuery DataTables插件

有没有办法摆脱他们在标题显示的小箭头来指示排序选项?
我想保留功能,通过点击这个列排序的标题,我只是不想显示箭头图标,因为它们更改了列标题的布局。

Firebug显示我的标题如下:

<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)

猜你在找的jQuery相关文章