BootStrap table 图标显示问题引发的一系列问题

先上图效果BootStrap table 图标显示问题引发的一系列问题_第1张图片

初学bootstrap table,现上引用,有本地、有在线的,还未整理,不喜欢在线引用的同学可以访问在线的网址,右键另存为即可

CSS:图标相关引用信息在bootstrap.min.css中,你可以搜索glyphicon查看


JS:前两个不必说,后面四个我是从bootstrap-table示例扒来的https://examples.bootstrap-table.com/





  

关于书写table的代码网上很多,自不必说

问题:只有列的图标可以显示,其他refresh、export的图标都不显示;

(写文章时错误已改正,这张图是盗图https://blog.csdn.net/darer49/article/details/87862541,关于fonts的也可以看一下他的表述)

一层一层来说,先说table自带的图标refresh为什么不显示,它是通过bootstrap.min.css中的url来指定的,url指向的是fonts文件,

1、确保有fonts文件,另外目录和css同一级别;https://download.csdn.net/download/u010763324/12331503

2、如果有文件,位置对,那是不是bootstrap.min.css写错了呢? 答案是肯定的

在bootstrap.min.css文件中CTRL+F 搜索以下信息

refresh:"glyphicon-refresh icon-refresh"

引号内的图标没找到,应改为

refresh:"glyphicon glyphicon-refresh"

为什么这样写?请看https://www.runoob.com/try/demo_source/bootstrap3-glyph-icons.htm,名称间的小点点忽略,想用哪张图自己随便。

这就是为什么我们代码中会有如下一些示例,其实找图标去了

Refresh说完了,其他自带的也就说完了,这下来看看Export,导出表格是拓展的功能

自然去bootstrap-table-export.js搜索glyphicon

BootStrap table 图标显示问题引发的一系列问题_第2张图片

说得对,改成刚刚说的方式,我图中已经改好了,其他就没什么好说的

你可能感兴趣的:(Java)