easyui datagrid 自适应问题
最大化显示
最大化和最小化来回切换,则后边几列就显示有问题,最小化后边几列看不到,最大化后边多出一块空白,而且空白随切换次数的增加而增大
js 代码
/**
* 初始化table
*/
function initClueTables(){
$('#queryClueTableList').datagrid({
width: '100%',
height: 272,
loadMsg: 'loading',
queryParams: {},
//fit:true,
fitColumns: true,
//奇偶行使用不同背景色
striped: true,
columns: [[{
field: 'oid',
title: '编号',
width: 0,
//隐藏此列
hidden: true
}, {
field: 'no',
title: '线索编号',
width: $(this).width() * 0.067,
//添加超级链
formatter: function(value, rowData, rowIndex){
//function里面的三个参数代表当前字段值,当前行数据对象,行号(行号从0开始)
//获取当前行的id
var hh = "clueDetail.html?oid=" + rowData.oid;
return "<a href='" + hh + "' target='_blank'>" + value + "</a>";
}
}, {
field: 'name',
title: '线索姓名',
width: $(this).width() * 0.067
}, {
field: 'cname',
title: '客户名称',
width: $(this).width() * 0.067
}, {
field: 'area',
title: '所在区域',
width: $(this).width() * 0.067
}, {
field: 'bisness',
title: '客户所属行业',
width: $(this).width() * 0.067
}, {
field: 'range',
title: '产品范围',
width: $(this).width() * 0.067
}, {
field: 'money',
title: '预计签单金额(万)',
width: $(this).width() * 0.067
}, {
field: 'current',
title: '项目当前阶段',
width: $(this).width() * 0.067
}, {
field: 'sDate',
title: '预计发标时间',
width: $(this).width() * 0.067
}, {
field: 'lname',
title: '联系人姓名',
width: $(this).width() * 0.067
}, {
field: 'submitDate',
title: '提交日期',
width: $(this).width() * 0.067
},
field: 'state',
title: '操作',
width: $(this).width() * 0.067
}]],
//分页组件
pagination: true
});
}
html 代码
<body onresize="javascript:$('#queryClueTableList').datagrid('resize')">
<div id="queryClueTableList" class="scrolldiv" style="display: ; margin-top: 5px">
</div>
</body>
[解决办法]
这个东西确实跟浏览器有一定的关系的。
[解决办法]
你哪个版本的easyui?我这里jquery-easyui-1.1.2,jquery-easyui-1.2.1,jquery-easyui-1.3.1在IE7,IE8,firefox4都没有问题呢。。。
给window加resize事件试试
$(window).resize(function () { $('#queryClueTableList').datagrid('resize') });