Vue中使用el-table实现表格数据合并展示-demo

效果​

el-table

      <!-- 测试表格 --><el-tableborder:data="processedData"style="width: 100%"v-loading="loading":span-method="objectSpanMethod"row-class-name="table-row-class"><el-table-column label="序号" width="80" align="center"><template #default="{ row }"><div v-if="row.isMain" class="merged-cell">{{ row.index }}</div></template></el-table-column><el-table-column label="模型"