layui表格支不支持自适应
发表于:2024-10-01 作者:千家信息网编辑
千家信息网最后更新 2024年10月01日,这篇文章主要介绍了layui表格支不支持自适应,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。layui表格不支持自适应。比如在页面中添
千家信息网最后更新 2024年10月01日layui表格支不支持自适应
这篇文章主要介绍了layui表格支不支持自适应,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
layui表格不支持自适应。比如在页面中添加数据表格时,会发现数据表格每列宽度的大小不能自适应表格,都挤在了一起,看了官方文档后发现,可以为表格设置列宽:
layuiTable.render({width: 710,elem: '#tabSta',url: "/pickTicket/tytr", cols: [[{ field: "ShiftsID", title: "班次ID", hide: true },{ field: "scheduleCoding", title: "班次", align: "center" },{ field: "time", title: "时间", align: "center" },{ field: "carNumber", title: "车辆编号", align: "center" } ]],});
但是,问题由来了。当我缩小页面时,表格的宽度还是原来的宽度,不能达到自适应大小的要求。原因在于我刚才给它设置的宽度是固定大小的宽度。
既然上面这个方法不行,那进行第二种解决方法。我在浏览器页面检查发现,当将宽度设置为100%时,数据表格的宽度就能进行自适应大小了。所以,在数据表格的对应代码中给它加上参数done,给数据表格自定义一个样式。
相关代码如下:
tabrecord =layuiTable.render({elem: '#tabStation',url: "/pickTicket/tytr",done: function (res, curr, count){KaTeX parse error: Expected 'EOF', got '}' at position 34: …th", "100%"); }̲, cols: [[ { fi…("table").css("width", "100%");
也可以这样写$("table").width("100%")。
通过这样设置,我们回到浏览器页面进行查看,无论我们怎样缩放页面,数据表格都能自行适应页面大小。
感谢你能够认真阅读完这篇文章,希望小编分享的"layui表格支不支持自适应"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
表格
宽度
数据
页面
大小
支持
篇文章
代码
方法
浏览器
班次
浏览
不行
价值
兴趣
原因
参数
同时
官方
文档
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
mysql数据库最大连接
网络技术的七个方法
山东商务外贸软件开发公司
北京廊坊财务软件网络技术
网络安全大赛游戏文件下载
网络安全手抄报图片8年级
数据库查询女老师的个数
中微子软件开发公司
网络安全宣传周文章
2022年网络安全就业前景
数据库网站检索界面消失
银行软件开发工程师待遇
哔哩哔哩解析服务器大会员代码
精选层数据库
河北特定软件开发收购价格
数据库的搭建和交互过程
软件开发有几个环节
软件开发日语常用语
中国海洋鱼类数据库安全
数据库语言mysql怎么写
网络安全技术这本书的总结
芯片公司的软件开发
网络安全手抄报图片8年级
软件开发技术合同享受免税政策吗
重庆航云飞度网络技术有限公司
网络技术投标书范本
上汽集团招聘软件开发工程师
抖音做软件开发
数据库中表更新的命令是
互联网保险的网络安全问题