easyui layout 高度怎么自适应

Posted 2023-05-17

参考技术A var width = $(window).width()-80;
var height = $(window).height()-120;
stView_layout = $('#stView_layout').layout(
width: width,
height: height
);
station_view = $('#stationView').window(
title: '测站导航',
left:50,
top:80,
width: width,
modal: false,
shadow: false,
closed: true,
height: height,
onResize:function(w,h)
if(stView_treegrid)
stView_treegrid.treegrid(
width:w-20,
height:h-260
);


);

有个 onsize方法，在页面载入和改变浏览器大小时重新定制窗口内组件大小。主页面的区域会载入各个tab页，这也是指定到某个action 或 springmvc的后台页面转发器。 这个页面也需要 组件随着窗口调整

$(window).resize(function()

var width = $(window).width()-20;
var height = $(window).height()-30;
grid.datagrid('resize',
width:width,
height:height
);
);

用上面的方法 调整子页面（Tab载入的）内的各个 grid 等等的 大小。本回答被提问者和网友采纳

黄聪：table自适应宽度和高度

自适应宽度：

td 
    width: 1px;
    white-space: nowrap; /* 自适应宽度*/
    word-break:  keep-all; /* 避免长单词截断，保持全部 */

自适应高度

table  
      table-layout: fixed; 
      width: 100%;