el-table带多选框、序号的动态合并单元格

最新推荐文章于 2024-08-30 09:35:19 发布

山谷里的杂货铺

最新推荐文章于 2024-08-30 09:35:19 发布

阅读量1.5k

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_58528200/article/details/121100144

版权

本文展示了如何在Vue.js应用中创建一个带有多选框和序号的表格，并实现动态的单元格合并功能。通过示例代码，详细解释了实现这一功能的关键步骤和技巧。

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

效果图：

代码：

<el-table
        ref="table"
        v-loading="loading"
        :data="tableData"
        border
        highlight-current-row
        size="small"
        style="width: 100%"
        :span-method="objectSpanMethod"
        @selection-change="handleSelectionChange"
        :header-cell-style="{ color: '#1F2E4D',background: '#F1F3F7'}" >
        <el-table-column type="selection" width="55" align="center" />
        <el-table-column type="index" label="序号" width="100" align="center" />
        <el-table-column label="任务名称" prop="name" align="center&#