elementui如何合并单元格，并且赋值索引，加上序号

最新推荐文章于 2024-08-08 09:56:27 发布

bug制造者~没人改的了我的代码

最新推荐文章于 2024-08-08 09:56:27 发布

阅读量2.7k

点赞数 1

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/weixin_42055163/article/details/105517633

版权

本文详细介绍了如何在ElementUI中实现表格的单元格合并，并为每个合并的单元格添加唯一的索引值，同时展示如何添加序号功能。通过设置table的span-method属性和自定义方法，结合Vue.js的数据绑定，可以灵活控制表格的显示效果。

摘要由CSDN通过智能技术生成

<template>
  <div class="">
    <el-table
        :data="listData"
        :span-method="objectSpanMethod"
        class="tableArea"
        style="width: 100%">
        <el-table-column
          prop="type"
          label="序号"
          align="center"
          width="200"/>
        <el-table-column
          prop="sheetType"
          label="工单类型"
          />
        <el-table-column
          prop="taskKey"
          label="taskKey"
          />
        <el-table-column
          prop="templateUrl"
          label="templateUrl"
          />
        <el-table-column
          label="操作"
          >
          <template slot-scope="scope">
          	<el-tooltip class="item" effect="dark" content="修改" placement="top-start">
				      <i class="el-icon-edit-outline"  @click="modify(scope)" />
				    </el-tooltip>
				    <el-tooltip class="item" effect="dark" content="删除" placement="top-start">
            <i class="el-icon-delete" @click="deleteData(scope)" />
				    </el-tooltip>
          </template>
        </el-table-column >
      </el-table>