在使用Layui数据表格的时候,如果采用固定数值的话,在不同浏览器里显示会有差异,特别是在不同分辨率设备上。针对以此,把宽度设置直接去掉,貌似解决了我的显示问题。
<强>之前固定宽高的情况
/* - - - - - -表- - - - - - - - - - - - - - - - - *///方法级渲染
var tableIns=window.demoTable=表
.render ({
elem: #踊跃参与,
id:“踊跃”,
url:“& lt; % %=路径祝辞/内容/getWdkList ',
宽度:1500年,
身高:650,
关口:[[//标题栏
{复选框:真的,LAY_CHECKED:假的,过滤器:“测试”},//{字段:“ID”,标题:“序”号,宽度:220:真的,对齐:“中心”},//{字段:“CONTENT_TYPE_ID”,标题:“内容类型的,宽度:220:真的,对齐:“中心”,模板:“# typeTpl”},
{字段:“IMG_URL”,标题:“标题图片”,宽度:300:真的,对齐:“中心”,模板:“# img”},
{字段:“主题”,标题:“标题”,宽度:220:真的,对齐:“中心”},
{字段:“RICH_TXT”,标题:“内容的,宽度:220:真的,对齐:“中心”},
{字段:“CREATE_TIME”,标题:“创建时间”,宽度:120:真的,对齐:“中心”},
{字段:“PUBLISH_STATE”,标题:“发布状态的,宽度:120:真的,对齐:“中心”,模板:“# PUBLISH_STATE”},
{固定:“正确”的标题:“操”作,宽度:200年,对齐:“中心”工具栏:“# barDemo”}
]],
页面:真//是否显示分页
，
限制:(10、20、50、100),
限制:10//每页默认显示的数量
});
<强>页面显示如下:
在页面右边显示了好多空白区域,不好看。
把宽度注释之后
//宽度:“100%”,
<>强界面显示如下:
右边的边框伸缩过去了,占满了全屏,好看些了,针对高度,再次试想了下高度设置。
如果去掉的话,表格数据有多少条就多少高度。即宽高不设置,这长默认占满全屏,高度根据内容的高度来填充。
查找了几篇博客,看到高度设置成完整- 200的实验了一把
高度:“全- 200”,
显示的还可以,我以为跟数值大小有关,把200加大,试了下300年,感觉没变化,改成完整- 700又严重变形了,估计满- 200是layui表模块设置的一些预定义值吧。
以上这篇解决Layui数据表格的宽高问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
