vue+ant design 表格设置scroll后换行操作列显示错行

这个问题可能是由于表格列的宽度设置不当导致的。可以尝试以下两种方式解决：

设置表格列的宽度

在表格的列定义中，设置每一列的宽度，确保每一列都能适应表格的宽度。例如：

<template>
  <a-table :columns="columns" :data-source="data" :scroll="{ y: 240 }">
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        { title: '姓名', dataIndex: 'name', width: 100 },
        { title: '年龄', dataIndex: 'age', width: 100 },
        { title: '地址', dataIndex: 'address', width: 200 },
        { title: '操作', dataIndex: 'action', width: 100 },
      ],
      data: [
        { name: '张三', age: 18, address: '北京市海淀区', action: '编辑' },
        { name: '李四', age: 20, address: '上海市浦东新区', action: '编辑' },
        { name: '王五', age: 22, address: '广州市天河区', action: '编辑' },
      ],
    };
  },
};
</script>

设置操作列的固定位置

如果操作列的宽度无法确定，可以将其设置为固定位置，使其不随表格滚动而移动。例如：

<template>
  <a-table :columns="columns" :data-source="data" :scroll="{ y: 240 }">
    <template v-slot:action="text, record, index">
      <span style="position: absolute; right: 16px">{{ record.action }}</span>
    </template>
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        { title: '姓名', dataIndex: 'name' },
        { title: '年龄', dataIndex: 'age' },
        { title: '地址', dataIndex: 'address' },
        { title: '操作', dataIndex: 'action', fixed: 'right', width: 100 },
      ],
      data: [
        { name: '张三', age: 18, address: '北京市海淀区', action: '编辑' },
        { name: '李四', age: 20, address: '上海市浦东新区', action: '编辑' },
        { name: '王五', age: 22, address: '广州市天河区', action: '编辑' },
      ],
    };
  },
};
</script>

以上两种方式都可以解决表格行错乱的问题。如果还有其他问题，请提供更详细的代码和效果描述，以便更好地帮助您。