JqGrid分页按钮图标不显示的bug

开发中遇到的一个小问题,记录一下,如果有朋友也遇到了相同的问题,可以少走些弯路少花点时间。

如图:

分页插件使用了JqGrid,但是分页栏里出现了问题,上一页、下一页这些按钮的图标都显示为空,记得以前没有这种问题的。

最终还是找到了问题,首先,JqGrid分页按钮的图标css样式使用的是glyphicon,glyphicon是收费的,在bootstrap4这个版本中glyphicon就被移除掉了,如果引入的文件是bootstrap4或者以上版本的话,JqGrid分页按钮图标不显示的bug应该都存在,bootstrap3是没问题的。

因此,解决方案有两种,一是更换版本使用bootstrap3,二是更改bootstrap4版本的css文件,把glyphicon的相关样式从bootstrap3中复制到bootstrap4中,这样就可以看到分页图标啦。

写这篇文章的理由也很简单,遇到问题之后在网上没有搜到答案,就整理了一下。

推荐一下本人近期维护的开源项目

Spring Boot 开源电商项目(含商城端和后台管理系统)https://github.com/newbee-ltd/newbee-mall

Spring Boot + Vue 前后端分离商城项目https://github.com/newbee-ltd/newbee-mall-vue-app

除注明转载/出处外,皆为作者原创,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。

posted @ 2018-06-22 10:37  程序员十三  阅读(3326)  评论(0编辑  收藏  举报