如果在使用 Vue 和 Ant Design 进行表格操作时,发现滚动条出现后操作列显示错行,可能是由于表格的列宽度没有正确设置导致的。可以尝试以下方法来解决这个问题:

  1. 确认表格列宽度是否设置正确,每列的宽度应该总和等于表格的宽度。

  2. 如果表格列宽度已经设置正确,可以尝试在表格组件上加上 scroll 属性,设置 xy 的值,例如:

<template>
  <a-table :columns="columns" :data-source="data" :scroll="{ x: 1000, y: 300 }">
  </a-table>
</template>
  1. 如果以上方法都不能解决问题,可以尝试在操作列的 render 函数中加上 fixed: 'right' 属性,例如:
{
  title: '操作',
  dataIndex: '',
  key: 'action',
  fixed: 'right',
  render: () => <a>操作</a>,
},

通过以上方法,应该可以解决滚动条操作列显示错行的问题。

vue+ant design 有滚动条操作列显示错行

原文地址: https://www.cveoy.top/t/topic/b5wW 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录