table 开启虚拟滚动时， 滚动条样式问题

[zuihou]

当表格的数据很少时，右侧的滚动条样式不对。

1. 在window11 + google 或者 edge 浏览器上是这个效果

• google 版本 137.0.7151.104
• edge 版本 138.0.3351.83 (正式版本) (64 位)

2. 在mac + google 或者 edge 浏览器上这个效果

• google 版本 138.0.7204.101
• edge 版本 138.0.3351.83 (正式版本) (arm64)

期望：
在window + google + edge 浏览器上，能正常显示滚动条的样式。

复现代码：

import { onMounted , ref} from 'vue';
import { Table } from 'ant-design-vue';

import type { TableColumnsType } from 'ant-design-vue';

<script setup>

const columns = ref<TableColumnsType>([
  {
    title: 'Name',
    dataIndex: 'name',
  },
  {
    title: 'Borrow',
    dataIndex: 'borrow',
  },
  {
    title: 'Repayment',
    dataIndex: 'repayment',
  },
]);


let  data = [...Array(100)].map((_, i) => ({
  key: i,
  name: `Edward King ${i}`,
  borrow: 32,
   repayment: `London, Park Lane no. ${i}`,
}));
</script>

<template>
    <div class="p-2 m-2" style="background: #ffffff;">
    <Table :columns="columns" :data-source="data"
           :pagination="{ pageSize: 3 }" :scroll="{ y: 400 }" bordered   ></Table>
    </div>
</template>

[github-actions]

Hello @zuihou, your issue has been closed because it does not conform to our issue requirements. Please use the Issue Helper to create an issue, thank you!

你好 @zuihou，为了能够进行高效沟通，我们对 issue 有一定的格式要求，你的 issue 因为不符合要求而被自动关闭。你可以通过 issue 助手 来创建 issue 以方便我们定位错误。谢谢配合！