删除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>
戴维·康拉德

图标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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jquery-datatables-rails排序箭头未显示在开发环境中

来自分类Dev

使列在dataTables jQuery插件中无法排序

来自分类Dev

jQuery DataTables按行中的集排序

来自分类Dev

在删除Datatables 1.10中的html内容时按列排序

来自分类Dev

在jquery datatables v 1.10中禁用排序类

来自分类Dev

如何在jQuery DataTables中对文件大小进行排序

来自分类Dev

如何禁用对列标题的单击排序但允许在jQuery数据表中单击箭头的排序?

来自分类Dev

如何禁用对列标题的单击排序但允许在jQuery数据表中单击箭头的排序?

来自分类Dev

在jQuery中删除函数

来自分类Dev

jQuery dataTables-从单元格中删除HTML元素

来自分类Dev

如何删除jQuery DataTables分页中的省略号?

来自分类Dev

jQuery dataTables-从单元格中删除HTML元素

来自分类Dev

如何在jQuery DataTables中删除多余的空白

来自分类Dev

jQuery数据表隐藏排序箭头并删除填充但保留功能

来自分类Dev

使用Jquery Datatables对数据排序属性中的值进行自定义排序

来自分类Dev

删除datatables表(jquery)中的所有行后,如何在CSS中删除叠加层?

来自分类Dev

jQuery DataTables fixedColumns动态删除固定列

来自分类Dev

从摘要HTML中删除箭头

来自分类Dev

从图标中删除双箭头

来自分类Dev

jQuery TableSorter-不显示排序箭头

来自分类Dev

从jQuery数组中删除逗号

来自分类Dev

删除jQuery中的多个元素

来自分类Dev

在jQuery中删除父<td>

来自分类Dev

从jQuery数组中删除引号

来自分类Dev

从jQuery数组中删除逗号

来自分类Dev

从jQuery脚本中删除秒

来自分类Dev

在jQuery中删除数据?

来自分类Dev

从jquery集合中删除元素

来自分类Dev

从选择jQuery中删除项目

Related 相关文章

热门标签

归档