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

Posted 2020-11-19 han-1034683568

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

如图：

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

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

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

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