AntdVue的table组件列错位

794 阅读1分钟

背景

使用antdVue的table时,出现表格的列错位的问题。

<Table
    class="block_table"
    :columns="columns"
    :dataSource="dataSource"
    :scroll="{ y: 500 }"
/>

image.png

解决办法

手动处理下样式对齐

/deep/ .ant-table-header {
    overflow-y: hidden !important; // 手动添加隐藏
    padding-right: 6px; // 设置表头右侧内边距,手动对齐
}