问题描述:
在使用 ant-design-vue 的 Table 组件,在不使用分页器的情况下,让table内容固定高度,预期是出现滚动条。结果滚动条出现,表头和表内容列对不齐情况。
执行代码:
<Table
bordered
:columns="columns"
:data-source="tableData"
:scroll="{ x: 420, y: 400 }"
ellipsis
:pagination="false"
rowKey="id"
/>
解决方法:
在网上找了很久的解决方法, 对于我的情况,改变 css 样式解决了我的问题。
::v-deep(.ant-table-header) {
// 手动的添加隐藏样式
overflow-y: hidden !important;
// 设置表头右侧内边距 手动对齐
padding-right: 6px;
}