ant design vue的table改变滚动条样式 不设置宽度对齐边框线

要改变Ant Design Vue的Table组件的滚动条样式，可以通过CSS样式来实现。具体方法如下：

1. 首先，给Table组件的container元素设置一个唯一的class名，比如"table-container"

<template>
  <a-table
    :columns="columns"
    :data-source="data"
    :scroll="{ y: 300 }"
    class="table-container"
  >
    <!-- ... -->
  </a-table>
</template>

2. 然后，在CSS中为这个class设置样式，可以使用以下代码：

.table-container ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.table-container ::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
.table-container ::-webkit-scrollbar-track-piece {
  background-color: #f0f0f0;
}

其中，`::-webkit-scrollbar`用于设置滚动条的基础样式，`::-webkit-scrollbar-thumb`用于设置滚动条的拖动条样式，`::-webkit-scrollbar-track-piece`用于设置滚动条的背景色。

3. 如果不设置宽度会导致滚动条和表格边框不对齐的问题，可以通过给Table组件的container元素添加一个padding-right来解决这个问题。比如：

.table-container {
  padding-right: 8px;
}

其中，`8px`是滚动条的宽度。

注意：为了避免影响其他地方的滚动条样式，建议为Table组件的container元素设置一个唯一的class名。