vue-antd 表格Y轴滚动,表头与内容不对齐问题
作者:互联网
现在滚动条我们已经隐藏起来
/deep/.ant-table-body::-webkit-scrollbar { display: none; }
引起这个问题原因是scroll添加滚动时,在表头与表格内容都加了占位符,我们上面的隐藏只是把表格内容占位符隐藏了起来,表头还有;原因知道了我们直接看下面代码
<a-table :columns="columns" :data-source="data" :pagination="false" :rowKey="record => record.id" :loading="loading" :scroll="{ y: 210 }" > </a-table>
隐藏表头占位符
/deep/.ant-table-header{ overflow-y: hidden!important; }
修改后的页面:
标签:vue,表格,表头,占位,loading,table,antd,隐藏 来源: https://www.cnblogs.com/huoshengmiao/p/16326435.html