做项目时,用的easyui的框架的datagrid,运行时发现右侧没有边框,其它的都有边框,使用网页的审查元素可以看到datagrid样式里的宽度没有自动减去2个像素,这些都是easyui自算的宽高,所以肯定的是easyui的js、css应该是没有问题,只有自己写的样式影响或者函数没有在页面加载问题导致datagrid右边框。
问题如图:
最后经过测试发现,函数没有放在页面加载完成后导致这个问题的出现,即执行datagrid 的函数没有放在$(function(){})内,只要将该函数放入$(function(){})内,datagrid右边框就可以正常显示了。
1 开始代码:<script type="text/javascript"> 2 datagrid_rightBorder(); 3 </script> 4 5 6 7 修改后 8 <script type="text/javascript"> 9 $(function(){ 10 datagrid_rightBorder(); 11 }) 12 </script>