element plus(ui) table表头与表身不对齐问题

阅读: 评论:0

element plus(ui) table表头与表身不对齐问题

element plus(ui) table表头与表身不对齐问题

 当表宽度为100% 但拖动表头导致每个列宽加起来没有100%时就会发生这个错位问题

有两种解决方案:

1.让表头和表尾样式类 el-table__header,el-table__footer 加上 margin:0 auto; 

效果:

 2 el-scrollbar__view样式加上 display: block !important; 或者将el-table所在添加字体居左 text-align: left;

效果:

具体用法根据需求来 ,推测问题是因为表体的滚动视图为行内元素了,然后继承了 字体居中 text-align: center;导致居中但表头和表尾并不是行内元素所以导致错位

本文发布于:2024-01-30 14:24:53,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170659589720637.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:表头   ui   element   表身不   table
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23