<el-table v-loading="loading" :data="scores" size="mini">
<el-table-column type="expand">
<template slot-scope="props">
<el-table :data="props.row.detail">
<el-table-column prop="targetTitle" label="标题">
<template slot-scope="scope">
{{ scope.row.type }}{{ scope.row.targetTitle }}
</template>
</el-table-column>
<el-table-column prop="score" label="得分"> </el-table-column>
</el-table>
</template>
</el-table-column>
<el-table-column label="学号" align="left" prop="xh" />
<el-table-column label="姓名" align="left" prop="nickName" />
<el-table-column label="得分" align="center" prop="score" />
</el-table>
未经允许不得转载：
红吉他 »
HTML5 »
el-table展开行以及合并列标题