DataTables 修改head排序样式

最新推荐文章于 2023-01-01 11:30:00 发布

猪脚踏浪

最新推荐文章于 2023-01-01 11:30:00 发布

阅读量7.5k

点赞数 2

分类专栏： javascript

本文链接：https://blog.csdn.net/zsg88/article/details/66477821

版权

javascript 专栏收录该内容

47 篇文章 1 订阅

订阅专栏

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 */
}