Ant Design of Vue表格行根据某属性合并函数

最新推荐文章于 2024-10-08 18:43:41 发布

原创最新推荐文章于 2024-10-08 18:43:41 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript #ant

这个函数用于处理具有相同键的数据数组，计算重复项并设置行跨度属性。它遍历数组，比较相邻元素的键值，若相等则累加计数，并更新元素的行跨度属性。当遇到不同键值时，重置计数并跳过已检查的元素。

let combineLine = (data, key) => {
    for(let i = 0, len = data.length; i < len; i++) {
        let item = data[i];
        let count = 1;
        for(let j = i + 1; j < len; j++) {
            if(item[key] == data[j][key]) {
                count++;
                data[j][`${key}RowSpan`] = 0; //此项不占据行数
                item[`${key}RowSpan`] = count; //此项占据count行数
                if(j = len -1) return;
            } else {
                i = j - 1;
                count = 1;
                break;
            }
        }
    }
}