vue+ant design 有滚动条操作列显示错行
如果在使用 Vue 和 Ant Design 进行表格操作时,发现滚动条出现后操作列显示错行,可能是由于表格的列宽度没有正确设置导致的。可以尝试以下方法来解决这个问题:
-
确认表格列宽度是否设置正确,每列的宽度应该总和等于表格的宽度。
-
如果表格列宽度已经设置正确,可以尝试在表格组件上加上
scroll属性,设置x和y的值,例如:
<template>
<a-table :columns="columns" :data-source="data" :scroll="{ x: 1000, y: 300 }">
</a-table>
</template>
- 如果以上方法都不能解决问题,可以尝试在操作列的
render函数中加上fixed: 'right'属性,例如:
{
title: '操作',
dataIndex: '',
key: 'action',
fixed: 'right',
render: () => <a>操作</a>,
},
通过以上方法,应该可以解决滚动条操作列显示错行的问题。
原文地址: https://www.cveoy.top/t/topic/b5wW 著作权归作者所有。请勿转载和采集!