最近在使用easyui datagrid的过程中,需要在左侧显示序号、固定列等内容,遇到了左侧 datagrid-view1显示了纵向滚动条,经过研究目前已解决,在此分享给各位。
首先上问题图片:
解决方法如下:
1、找到引用的jQuery easyui的js文件并打开,我的是jquery.ui.min.js。
2、在文件中找到如下代码段,在_440(view1)的宽度定义处添加“+20”的代码,即为让 datagrid-view1的宽度增加20px,使宽度正好覆盖滚动条。(同理,若想去除掉右侧即 datagrid-view2的滚动条,只需给_441的宽度增加20px)。
var view=dc.view;
var _440=dc.view1;
var _441=dc.view2;
var _442=_440.children("div.datagrid-header");
var _443=_441.children("div.datagrid-header");
var _444=_442.find("table");
var _445=_443.find("table");
view.width(_43e);
var _446=_442.children("div.datagrid-header-inner").show();
_440.width(_446.find("table").width());
if(!opts.showHeader){
_446.hide();
}
_441.width(_43e-_440._outerWidth());
_440.children("div.datagrid-header,div.datagrid-body,div.datagrid-footer").width(_440.width()+20);
_441.children("div.datagrid-header,div.datagrid-body,div.datagrid-footer").width(_441.width());
宽度更改后,左侧滚动条即不再显示,图片如下: