自学内容网 自学内容网

ant design vue table表格边框对不齐的情况

问题:
a-table 加 属性 scroll:{y: 400}, 希望滚动条自适应出现(高度超过400出现滚动条,400以内则不出现滚动条),因此加了css样式

:deep(.a-table-body){
      overflow-y: auto !important;
}

则出现了表格的表头与表格体边框线对不齐的情况
在这里插入图片描述

解决办法:
1. 给表格的列 column 加宽度,留出最后一列不加宽度,自适应
在这里插入图片描述

2. 表格属性 scroll 增加 x,即 :scroll=“{x: 100,y: 400}”
注:x的值小于表格的宽度就不会出现滚动条(只会出现滚动轨道)

3. 自适应出现x,y轴滚动条

 :deep(.a-table-body){
      overflow: auto !important;
}

原文地址:https://blog.csdn.net/yeee1128/article/details/143909463

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!