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)!