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;
}
修改后的页面: