element-ui中的el-table如何在同一行中读取多个数据

Question

     <el-table ref="multipleTable" :data="serviceTable" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55">
        </el-table-column>
        <el-table-column prop="originatingProvince" label="始发" width="120"></el-table-column>
      </el-table>
      el-table-column中的prop只能渲染一个serviceTable中的一个数据，如果我想在一个el-table-column中同时显示多个数据该怎么操作？在文档中找了很久都没有找到，希望大牛可以回答一下，谢谢

Answer 1

看文档不仔细 ^_^

试一下下面这段代码，可以看到，scope.row 包含了当前行的所有字段，此时，你可以直接使用 scope.row.fieldName 来显示任意字段，以及使用模板构造任意字段的组合。

<el-table-column label="列标题">
  <template slot-scope="scope">
    {{scope.row}}
  </template>
</el-table-column>

Answer 2

element中table的data默认绑定的serviceTable一般就是一个对象数组,数组就可以包含多个值,你说的意思是不是想做单元格合并

Answer 3

http://element-cn.eleme.io/#/...
自定义模板就是干这个的，可以拿到一行数据，或者拿到table的store。
不过你要是想要拿全部数据，直接就能拿到了啊，直接调数据或者封装个方法
<el-table-column prop="originatingProvince" label="始发" width="120">
<div>{{serviceTable[0].a+serviceTable[0].a}}</div>
</el-table-column>