转:easyui datagrid表格自适应大小
两种情况:
1、底部没有分页工具栏直接将datagrid属性fit设置为true 即可
2、有分页工具栏时,需监听浏览器大小的改变,动态改变datagrid大小
onresize事件发生在窗口尺寸改变之前,所以要获得改变后的尺寸,可使用setTimeout延迟500ms来获取改变后的尺寸
//监听窗口大小变化
window.onresize = function(){
setTimeout(domresize,300);
};
//改变表格宽高
function domresize(){
$('#road_table').datagrid('resize',{
height:$("#body").height()-$('#search_area').height(),
width:$("#body").width()
});
}
window.onresize = function(){
setTimeout(domresize,300);
};
//改变表格宽高
function domresize(){
$('#road_table').datagrid('resize',{
height:$("#body").height()-$('#search_area').height(),
width:$("#body").width()
});
}