当前位置:首页 > 未分类 > 正文内容

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

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

在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

分享给朋友:

相关文章

vue 子组件调用父组件方法

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

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

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

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

经查阅官方文档得知,符合uniapp规则的自定义组件,不需要引用以及注册,详见:https://uniapp.dcloud.net.cn/component/#easycom解决方案: 去除使用该自定义组件的页面中对该组件的import引入。---推荐增加使用该自定义组件的页面中对该组件的...

uni-app 组件引用错误,仅支持 import 方式引入组件

经查阅官方文档得知,符合uniapp规则的自定义组件,不需要引用以及注册,详见:https://uniapp.dcloud.net.cn/component/#easycom解决方案:1. 去除使用该自定义组件的页面中对该组件的注册,即去除components里对该组件的注册。**(推荐)**2....

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...