【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' }
 },

猜你喜欢

转载自blog.csdn.net/weixin_43853746/article/details/122449676