其他分享
首页 > 其他分享> > vue-antd 表格Y轴滚动,表头与内容不对齐问题

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