antd-design实例详解a-table 中column中slot-scope=“{text, record, index}
Posted Ly_cat
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了antd-design实例详解a-table 中column中slot-scope=“{text, record, index}相关的知识,希望对你有一定的参考价值。
三者表示的值如下:
text表示本项内容对应的字段值value,record的值是object,表示的是这一行数据的全部内容,index表示当行索引
在column 中如何一个单元格显示多个变量,前面介绍了,这里就可以很清晰的知道用record
可以是实现:
例如我们后台返回的区域名和建筑名用>
串接起来显示在一个单元格内:
a-table中:
<div slot="estate" slot-scope="text, record, index">
<span> record.estate_name > record.building_name </span>
</div>
column.js:
title: '区域名',
width: 250,
fixed: 'left',
scopedSlots: customRender: 'estate'
,
以上是关于antd-design实例详解a-table 中column中slot-scope=“{text, record, index}的主要内容,如果未能解决你的问题,请参考以下文章
antd-design实例详解a-table 中column中slot-scope=“{text, record, index}