antd-design实例详解a-table 中column中slot-scope=“{text, record, index}

Posted LyCat_00

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}

Ant-Design-vue的a-table入门

antd-design model 数据特点

在react.js上使用antd-design没有样式

a-table里添加不了点击事件

ant-design-vue a-table的分页