easyui的datagrid的右侧区域空白及列数横向不能填满

最新推荐文章于 2023-05-18 09:05:18 发布

转载最新推荐文章于 2023-05-18 09:05:18 发布 · 4.4k 阅读

JavaScript 同时被 3 个专栏收录

82 篇文章

订阅专栏

HTML/CSS

28 篇文章

订阅专栏

JS开发插件

10 篇文章

订阅专栏

本文介绍了解决EasyUI datagrid组件中出现的右侧空白问题的方法。通过修改easyui.min.js文件中的代码及easyui.css文件中的样式设置，使得表格能够完全填充可用空间。

转载自 : http://www.qdfuns.com/notes/28565/9e67bb84a70fc6dae1e80e0ba8ee9470.html

先看看问题：

右侧这一列空白，传说是为表格的竖直滚动条预留的。。。

-------------------------------------------------------------------------分割线---------------------------------------------------

解决这个问题，需要两个步骤：
①在easyui.min.js里添加代码： _5f0.width(_5e9-_5eb._outerWidth());//view2的header的table的宽度=datagrid的宽度-view1的宽度
easyui的datagrid的右边的空白问题

②在easyui.css里的加一个样式： .datagrid-view2 .datagrid-body .datagrid-btable {width: 100%;}

-------------------------------------------------------------------------分割线----------------------------------------------------

结果
easyui的datagrid的右边的空白问题

-------------------------------------------------------------------------分割线----------------------------------------------------
ps:遥想当年，俺的作文可是经常作为范文给童鞋们学习的啊。如今，看到这干巴巴的笔记…真的是愧对语文老师