当前位置:首页 > 未分类

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

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

在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

分享给朋友:

相关文章

同时使用requireJS和Layui时,解决在html文件中Layui扩展模块加载报错

前言部分后台管理框架使用Layui作为前端,并且使用了requireJS,期间可能出现的加载Layui扩展模块加载不了,或加载报错的问题。若无法加载或报错模块不是前言中提到的模块,可直接参考后面的解决思路。本次解决的问题的前提:1,使用requireJS;2,使用Layui;…

js 中 object循环

1. 使用for...in循环          for...in语句在一个对象的所有可枚举属性上迭代。let obj = {a:1, b:2, c:3}; for&n…

vue 子组件调用父组件方法

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

VUE开发报错:Avoid mutating a prop directly since the value will be overwritten whenever the parent ...

VUE开发报错:Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed p…