bootstrapTable中右上方的“刷新”，“切换”，“列”图标样式不一致，大小不一样

[weixin_36601760]

[青蛙Keroro]

引用 2 楼 weixin_36601760 的回复:

我查看我所用的 bootstrap-table.js 中有关这三个按钮部分的源码，如下 第三个按钮确实是被一个div包含的，但细想，bootstrapTable本来就是封装好的东西，不至于，想用的人还要修改源码，才能实现想要的样式吧，所以，觉得，是不是有些自己不知道的属性，没有用到，导致，三个按钮大小不一呢？

我以前也有这个问题的，我也是看过样式和改过源码才解决的，到现在我也不知道为什么

[usecf]

看看样式一样不

[weixin_36601760]

我查看我所用的 bootstrap-table.js 中有关这三个按钮部分的源码，如下
第三个按钮确实是被一个div包含的，但细想，bootstrapTable本来就是封装好的东西，不至于，想用的人还要修改源码，才能实现想要的样式吧，所以，觉得，是不是有些自己不知道的属性，没有用到，导致，三个按钮大小不一呢？

[weixin_36601760]

起初一直将注意力集中在bootstrapTable的属性上面，以为是某些属性应用错误，或者是没有运用到位，直到读了一篇关于bootstrapTable兼容 IE的帖子，说到Jquery库的问题，开始我用的是 <script src="<%=request.getContextPath()%>/yumstonemanage/js/jquery-2.0.0.min.js"></script> 后来使用 <script src="js/bootstrap/jquery-1.12.0.min.js"></script> 问题解决。

[BARERM]

引用 4 楼 weixin_36601760 的回复:

起初一直将注意力集中在bootstrapTable的属性上面，以为是某些属性应用错误，或者是没有运用到位，直到读了一篇关于bootstrapTable兼容 IE的帖子，说到Jquery库的问题，开始我用的是 <script src="<%=request.getContextPath()%>/yumstonemanage/js/jquery-2.0.0.min.js"></script> 后来使用 <script src="js/bootstrap/jquery-1.12.0.min.js"></script> 问题解决。

我把jquery从3.2.1换成1.12.4也没能解决问题。。。。

[75闪光雷]

引用 4 楼 weixin_36601760 的回复:

起初一直将注意力集中在bootstrapTable的属性上面，以为是某些属性应用错误，或者是没有运用到位，直到读了一篇关于bootstrapTable兼容 IE的帖子，说到Jquery库的问题，开始我用的是 <script src="<%=request.getContextPath()%>/yumstonemanage/js/jquery-2.0.0.min.js"></script> 后来使用 <script src="js/bootstrap/jquery-1.12.0.min.js"></script> 问题解决。

插件用的不好，我一般都会改插件

[yhzJava]

和你一样的问题，我引入bootstrap依赖的jQuery依然不行。。。。。。。。。

[Vvictorli]

引用 4 楼 weixin_36601760 的回复:

起初一直将注意力集中在bootstrapTable的属性上面，以为是某些属性应用错误，或者是没有运用到位，直到读了一篇关于bootstrapTable兼容 IE的帖子，说到Jquery库的问题，开始我用的是 <script src="<%=request.getContextPath()%>/yumstonemanage/js/jquery-2.0.0.min.js"></script> 后来使用 <script src="js/bootstrap/jquery-1.12.0.min.js"></script> 问题解决。

还是不行

[在路上的Coder]

改用成1.12.0还是没什么变化..

[fengyezi159]

使用了一种低效的方法解决该问题，找到刷新按钮是如下定义的
<button class="btn btn-default" type="button" name="refresh" aria-label="refresh" title="Refresh"><i class="glyphicon glyphicon-refresh icon-refresh"></i></button>
然后曹勇如下方法进行格式设置
//1、获取所有button对象
var button = document.getElementsByTagName("button");
//2、遍历这些对象找到name是“refresh”的对象
//3、给该对象设置唯一的id然后利用js中的方法给这个id的对象设置高度、宽度即可
for(i=0;i<button.length;i++){
if(button[i].name=='refresh'){
button[i].id = 'toolbar_refresh';
document.getElementById('toolbar_refresh').style.height=34;
document.getElementById('toolbar_refresh').style.width=52;
}
}

[fengyezi159]

使用了一种低效的方法解决该问题，找到刷新按钮是如下定义的
<button class="btn btn-default" type="button" name="refresh" aria-label="refresh" title="Refresh"><i class="glyphicon glyphicon-refresh icon-refresh"></i></button>
然后按照如下方法进行格式设置
//1、获取所有button对象
var button = document.getElementsByTagName("button");
//2、遍历这些对象找到name是“refresh”的对象
//3、给该对象设置唯一的id然后利用js中的方法给这个id的对象设置高度、宽度即可
for(i=0;i<button.length;i++){
if(button[i].name=='refresh'){
button[i].id = 'toolbar_refresh';
document.getElementById('toolbar_refresh').style.height=34;
document.getElementById('toolbar_refresh').style.width=52;
}
}

[wshzfansjk]

H4声明改为H5