bootstrap table关于排序列添加图标的方法--查漏补缺
2017-11-02 10:11
459 查看
style中设置如下:
.fixed-table-container thead th .sortable{
background-image:url('/image/sort.png');cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px
}
.fixed-table-container thead th .asc{
background-image:url('/image/sort_asc.png');cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px
}
.fixed-table-container thead th .desc{
background-image:url('/image/sort_desc.png');cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px
}
其中图片url('/image/sort.png'),url('/image/sort_asc.png'):url('/image/sort_desc.png'),可以自己画啊
下面是我自己画的,路径什么的自己配好。
.fixed-table-container thead th .sortable{
background-image:url('/image/sort.png');cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px
}
.fixed-table-container thead th .asc{
background-image:url('/image/sort_asc.png');cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px
}
.fixed-table-container thead th .desc{
background-image:url('/image/sort_desc.png');cursor:pointer;background-position:right;background-repeat:no-repeat;padding-right:30px
}
其中图片url('/image/sort.png'),url('/image/sort_asc.png'):url('/image/sort_desc.png'),可以自己画啊
下面是我自己画的,路径什么的自己配好。
相关文章推荐
- bootstrap-table 自定义排序图标
- 关于myeclipse添加图标到Toolbar中不能显示效果的解决方法
- 关于HTML元素的Table控件javascript添加删除表中行列的方法!
- 关于HTML元素的Table控件javascript添加删除表中行列的方法!
- iOS tableView删除,添加,排序方法实现
- 关于获取android信号强度和电池状态变化图标修改的方法
- C_关于qsort和sort排序方法的相应整理
- DataTable各种方法总结(给Datatable添加行列、DataTable选择排序等
- BootStrap glyphicon图标无法显示的解决方法
- 关于添加设置PCH静态文件的方法
- BootStrap glyphicons 字体图标实现方法
- html 添加ico镜像图标的方法
- 关于TreeSet的排序和内容的添加
- JS Input里添加小图标的两种方法
- Swift如何在应用中添加图标更换功能的方法
- input表单内添加单位或者文字或者图标的方法
- 一个对HTML table 按column排序的方法
- ASP.Net MVC+Data Table实现分页+排序功能的方法
- BootStrap glyphicon图标无法显示的解决方法
- 关于MySQL中添加数据的两种方法