vue3 如何修改antd表格默认的暂无数据图标

Question

vue3 如何修改antd表格默认的暂无数据图标，右变图任何修改成左边的图

Answer 1

没找到相关图片配置，可以直接css来处理

<template>
  <div id="components-table-demo-size">
    <h4>Middle size table</h4>
    <a-table :columns="columns" :data-source="data" size="middle" />
  </div>
</template>
<script>
import { defineComponent } from 'vue';
const columns = [{
  title: 'Name',
  dataIndex: 'name',
}, {
  title: 'Age',
  dataIndex: 'age',
}, {
  title: 'Address',
  dataIndex: 'address',
}];
const data = [];
export default defineComponent({
  setup() {
    return {
      data,
      columns,
    };
  },
});
</script>
<style>
#components-table-demo-size h4 {
  margin-bottom: 16px;
}
.ant-empty-image svg{display:none}
.ant-empty-image{
  background-image:url(https://www.antdv.com/assets/logo.1ef800a8.svg);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  }
</style>