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

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

没找到相关图片配置，可以直接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>
 

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7697504

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632