修改jquery.easyui.min.js文件function _4bf(_4c0){ var opts=$.data(_4c0,"datagrid").options; var dc=$.data(_4c0,"datagrid").dc; var wrap=$.data(_4c0,"datagrid").panel; var _4c1=wrap.width()+20; var _4c2=wrap.height(); var view=dc.view; var _4c3=dc.view1; var _4c4=dc.view2; var _4c5=_4c3.children("div.datagrid-header"); var _4c6=_4c4.children("div.datagrid-header"); var _4c7=_4c5.find("table"); var _4c8=_4c6.find("table"); view.width(_4c1); var _4c9=_4c5.children("div.datagrid-header-inner").show(); _4c3.width(_4c9.find("table").width()); if(!opts.showHeader){ _4c9.hide(); }加上了一个+20,这样让宽度正好覆盖滚动条别人的方法,经测试可行
如果要用fitColumns:true,真的没法去掉最右边冗余列,在网上没搜到什么信息,还研究了源码,也没看出来人家在哪做了这个宽度的适应设置我们项目里也有大量的easyUI控件,datagrid也会有这个问题,暂时也搁置着,比较麻烦的是拿不到easyUI的原始源码,都是压缩过的,方法名全被替换掉,很难读你表格里这一行留白,我反倒觉得挺好的~
但是现在最后一列始终有空白,怎么搞啊!
$('#id').datagrid({
url: '‘,
singleSelect: true,
columns: [[
{ field: 'ID', title: '部门编号', width: 100, align: 'center', sortable: true, hidden: true },
{ field: 'GUID', title: '经理编号', width: 100, align: 'center', sortable: true, hidden: true },
{ field: 'DName', title: '部门名称', sortable: true, width: 100, align: 'center' },
{ field: 'Desc', title: '描述', sortable: true, width: 100, align: 'center' },
{ field: 'UserName', title: '部门经理', sortable: true, width: 100, align: 'center' }
]]
});
}
var opts=$.data(_4c0,"datagrid").options;
var dc=$.data(_4c0,"datagrid").dc;
var wrap=$.data(_4c0,"datagrid").panel;
var _4c1=wrap.width()+20;
var _4c2=wrap.height();
var view=dc.view;
var _4c3=dc.view1;
var _4c4=dc.view2;
var _4c5=_4c3.children("div.datagrid-header");
var _4c6=_4c4.children("div.datagrid-header");
var _4c7=_4c5.find("table");
var _4c8=_4c6.find("table");
view.width(_4c1);
var _4c9=_4c5.children("div.datagrid-header-inner").show();
_4c3.width(_4c9.find("table").width());
if(!opts.showHeader){
_4c9.hide();
}加上了一个+20,这样让宽度正好覆盖滚动条别人的方法,经测试可行