ant-design-vue的a-table组件自定义空状态
主要功能:自定义table没有数据时的展示,如图实现步骤:1.引入ConfigProvider2.在ConfigProvider里加入a-table并修改renderEmpty模版里的代码完整代码:如下<template><ConfigProvider><template #renderEmpty><a-empty :image="require('@/a
·
主要功能:
自定义table没有数据时的展示,如图
实现步骤:
1.引入ConfigProvider
2.在ConfigProvider里加入a-table并修改renderEmpty模版里的代码
完整代码:
如下
<template>
<ConfigProvider>
<template #renderEmpty>
<a-empty :image="require('@/assets/empty.png')"> </a-empty>
</template>
<a-table v-bind="$attrs">
<template v-for="(_, name) in $slots" v-slot:[name]="slotData">
</template>
</a-table>
</ConfigProvider>
</template>
<script>
import { ConfigProvider } from "ant-design-vue";
export default {
components: { ConfigProvider },
setup(props, { attrs, slots, emit }) {
return {};
},
};
</script>
更多推荐
已为社区贡献6条内容
所有评论(0)