使用Layui数据表时,如果使用固定值,在不同的浏览器中显示会有所不同,尤其是在不同分辨率的设备中。鉴于此,直接去掉了宽度设置,似乎解决了我的显示问题。
以前固定宽度和高度的情况
/*-table-*//方法级呈现vartableins=window . demo table=table . render({ elem : ' # idtest ',id:' idtest ',URl : ' %=path %/content/getwdklist ',宽度: 1500,高度: 650,cols :[[//标题栏{checkbox 3360 true,lay _ checked 3360 false,Filter: ' test ' },/{ field } title :' title picture ',Width : 300,sort : true,align :' center ',templet :' # img'},{field :' subject ',title :' title ',width : 220,sort : true,align3360' center'},{field:' rich _ txt ',title : ' content ',Width 33: templet3360 ' # publish _ state ' },{fixed3360' right ',title :' operation ',width : 200,align:' center ',Toolbar:' # bardemo'}],page : true//是否显示分页,limit 3360[10,20,50,100],limit 3360 10//每页显示的默认数量}); 页面显示如下:
页面右侧有很多空白区域,不好看。
标注宽度后,
//宽度: '100% ',界面显示如下:
右边的边框被拉长了,占据了整个屏幕,看起来更好。对于身高,再想想身高的设定。
验证结果:
如果删除,表格数据的高度将与现有高度一样多。即不设置宽度和高度,默认占据全屏,高度根据内容的高度填充。
查了几个博客,看到高度设置满了-200,就实验了
高度: '全-200 ',显示正常。我以为和数值有关。我增加了200,尝试了300,但没有改变。全-700的变化严重变形。据估计,full-200是由layui表模块设置的某个预定义值。
以上文章解决的是Layui数据表的宽度和高度问题,是边肖分享的全部内容。希望能给大家一个参考,多支持我们。