我正在使用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>
图标background : url(..)
在CSS类上定义。通过以下方式禁用它们:
.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)
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句