DataTables 修改head排序样式

来源：互联网发布：ubuntu 14.04 jdk1.6 编辑：程序博客网时间：2024/04/29 04:47

dataTables自带的排序图标特别丑，而且第一行设置为不排序，但是第一个总显示sorting图标，点击一次才会消失。

于是想解决这两个问题。

一：修改样式，解决排序图标的问题

使用的是dataTables.bootstrap的样式，做如下修改

table.dataTable thead .sorting:after {    opacity: 0.2;    content: "\f0dc";    font-family: FontAwesome;    /* sort */}table.dataTable thead .sorting_asc:after {    content: "\f0de";    color:#337ab7;    font-family: FontAwesome;    /* sort-by-attributes */}table.dataTable thead .sorting_desc:after {    content: "\f0dd";    color:#337ab7;    font-family: FontAwesome;    /* sort-by-attributes-alt */}

修改content和font-family，改成自己喜欢的图标

二：去掉第一列的图标

在drawCallback回调方法中去除sorting_asc样式

$("#th1").removeClass("sorting_asc");//移除checkbox列的排序箭头

2 0