Easyui datagrid datagrid-view1纵向滚动条去除解决方法

    最近在使用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());

     

    宽度更改后，左侧滚动条即不再显示，图片如下：