未验证 提交 2c536976 编写于 作者: G GauharChan 提交者: GitHub

feat(function): add table bodyCell slot for antdv3.x; and fix #1705 (#1991)

上级 c2e2ca9b
...@@ -28,6 +28,10 @@ ...@@ -28,6 +28,10 @@
<template #headerCell="{ column }"> <template #headerCell="{ column }">
<HeaderCell :column="column" /> <HeaderCell :column="column" />
</template> </template>
<!-- 增加对antdv3.x兼容 -->
<template #bodyCell="data">
<slot name="bodyCell" v-bind="data || {}"></slot>
</template>
<!-- <template #[`header-${column.dataIndex}`] v-for="(column, index) in columns" :key="index">--> <!-- <template #[`header-${column.dataIndex}`] v-for="(column, index) in columns" :key="index">-->
<!-- <HeaderCell :column="column" />--> <!-- <HeaderCell :column="column" />-->
<!-- </template>--> <!-- </template>-->
......
<template> <template>
<div class="p-4"> <div class="p-4">
<BasicTable @register="registerTable"> <BasicTable @register="registerTable">
<template #id="{ record }"> ID: {{ record.id }} </template> <template #bodyCell="{ column, record, text }">
<template #no="{ record }"> <template v-if="column.key === 'id'"> ID: {{ record.id }} </template>
<Tag color="green"> <template v-if="column.key === 'no'">
{{ record.no }} <Tag color="green">
</Tag> {{ record.no }}
</template> </Tag>
<template #avatar="{ record }"> </template>
<Avatar :size="60" :src="record.avatar" /> <template v-if="column.key === 'avatar'">
</template> <Avatar :size="60" :src="record.avatar" />
<template #img="{ text }"> </template>
<TableImg :size="60" :simpleShow="true" :imgList="text" /> <template v-if="column.key === 'imgArr'">
</template> <TableImg :size="60" :simpleShow="true" :imgList="text" />
<template #imgs="{ text }"> <TableImg :size="60" :imgList="text" /> </template> </template>
<template v-if="column.key === 'imgs'"> <TableImg :size="60" :imgList="text" /> </template>
<template #category="{ record }"> <template v-if="column.key === 'category'">
<Tag color="green"> <Tag color="green">
{{ record.no }} {{ record.no }}
</Tag> </Tag>
</template>
</template> </template>
</BasicTable> </BasicTable>
</div> </div>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册