当前位置:首页 > 未分类

在layui-tab中使用layui的table,table不能铺满……

admin2年前 (2024-04-22)未分类530

在layui-tab中使用layui的table,table不能铺满,会差几个px(我测试差5个px,根据测试环境的不同,可能差的数量不一样)。


给出以下几个方案供参考:

1. 方案一:

表头和表内容每一行的第一个td/th,增加左(或右)内边距5个px。如果列宽度使用的百分比,可能实际效果还会差一两个px,可根据实际效果调整。个人建议,如果实际效果只差1个px,就别继续调了,只是最右边的边框看着粗一点而已,只要没有留出来间隙,就不算是有影响。

2. 方案二:

每列使用具体宽度值(不是百分比),表格总宽度为:所有列宽度之和+列数+1。以上为不更改默认样式的情况,列总宽度计算方式:所有列宽度之和+列数*td边框的宽度+1。最后面的加的1,只是简单了测试下,根据测试环境不同,也可能是td边框的宽度。

扫描二维码推送至手机访问。

版权声明:本文由前端开发技术分享发布,如需转载请注明出处。

本文链接:https://www.jqkcms.fun/?id=5

分享给朋友:

相关文章

layui使用xm-select报错,xmSelect is not defined

1. 版本1.2.4,引入方式:link引入。2. 确定报错位置为  n(221)?define(xmSelect)3. 修复方法: 报错位置改为  n(221)?define('xmSelect')…

vue 子组件调用父组件方法

示例:    父组件:   ...(略)   <子组件 @触发的方法="父组件方法"></子组件>   ...(略)  &nbs…

微信小程序 -- 由于隐私协议未设置,影响隐私相关api调用

在app.json中,usePrivacyCheck设置为false,可以免除在开发者工具中调试时的影响,开发版暂未测试。…

uni-app 编译出来的微信小程序中自定义组件没有wxss

经查阅官方文档得知,符合uniapp规则的自定义组件,不需要引用以及注册,详见:https://uniapp.dcloud.net.cn/component/#easycom解决方案:…

VUE开发报错:Module build failed (from ./node_modules/ ...

VUE开发报错:Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):  语法错误: Une…

vue项目中配置不同的环境是否显示vConsole

前言为了让测试人员能够在手机、平板上也能看到像浏览器f12那样的调试工具,便于查看日志数据和网络请求等,专门搜了一下,发现这个vConsole官方的调试工具真的很强大,十分好用。vConsole的简介…