<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>
elementui如何合并单元格,并且赋值索引,加上序号
最新推荐文章于 2024-08-08 09:56:27 发布
本文详细介绍了如何在ElementUI中实现表格的单元格合并,并为每个合并的单元格添加唯一的索引值,同时展示如何添加序号功能。通过设置table的span-method属性和自定义方法,结合Vue.js的数据绑定,可以灵活控制表格的显示效果。
摘要由CSDN通过智能技术生成