Ant Design vue修改 table边框的颜色

在Ant Design Vue中，如果你想要修改Table组件的边框颜色，你可以通过自定义样式来实现。具体步骤如下：

1. 首先，在Vue项目中引入Ant Design的样式文件，并确保已经正确安装了`@ant-design/icons-vue`和`@ant-design/components-vue`。

<template>
  <a-table :columns="columns" :data-source="dataSource">
    <!-- ... -->
  </a-table>
</template>

<script>
import { Table } from '@ant-design/components-vue';
// ...其他导入
export default {
  components: {
    Table,
  },
};
</script>

2. 然后，创建一个CSS类（例如`.custom-table-border`），并将其应用于Table组件的`class`属性上，将边框颜色设置为你需要的颜色。

.custom-table-border {
  border-color: /* 你的颜色，如 'red'、'#ff0000' 或 rgba(255, 0, 0, 0.5) */;
}

3. 在Vue实例中使用这个自定义的类：

<a-table class="custom-table-border" :columns="columns" :data-source="dataSource">
  <!-- ... -->
</a-table>

现在，Table的边框颜色已经被修改为你指定的颜色。