iview table 合并值相同的列

最新推荐文章于 2024-04-16 08:45:43 发布

理想和远方_在路上

最新推荐文章于 2024-04-16 08:45:43 发布

阅读量544

点赞数

分类专栏： iview 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_38822843/article/details/123345584

版权

iview 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<template>
    <Table :columns="columns11" :data="data" border  :span-method="handleSpan" ></Table>
</template>   
<script>
    methods:{
       handleSpan ({ row, column, rowIndex, columnIndex }) {
             let wordgroupname = row.wordgroupname
             let num = 0
             this.data.forEach((item,index )=>{
               if(wordgroupname == item.wordgroupname ){
                 return num++
               }
             })
            // 由于是合并第十一列，列是从0开始，所以为 10
            if (columnIndex === 10) {
                return {
                    rowspan:num 
                };
            } 
    }, 
    }
</script>