a-table中合并行
时间: 2023-10-11 12:06:36 浏览: 130
要在a-table中合并行,可以使用row-span属性。在el-table-column标签中,设置row-span属性为一个计算表达式,该表达式返回合并的行数。例如,如果要将第一列的连续相同项合并为一个单元格,可以使用以下代码:
<el-table :data="tableData">
<el-table-column prop="classType" label="班型" width="">
<template slot-scope="scope">
<template v-if="scope.$index === 0 || scope.row.classType !== tableData[scope.$index-1].classType">
<el-table-column :row-span="getSpan(scope.row.classType)" :class-type="scope.row.classType" :label="scope.row.classType" width="">
<template slot-scope="scope">
{{ scope.row.classType }}
</template>
</el-table-column>
</template>
</template>
</el-table-column>
</el-table>
在上述代码中,getSpan是一个计算属性或方法,用来计算每个classType连续出现的次数。
阅读全文