element ui table 合併行或列

                iqcarraySpanMethod({ row, column, rowIndex, columnIndex }) {
                    let rowspan = 1, colspan = 1;
                    if (column.property == "InspectBatchNo" || column.property == "ProductNo") {
                        var preRow = rowIndex > 0 ? $this.IQCDataList[rowIndex - 1] : {};    //找到需要設置合併的起始行的前一行
                        if (column.property == "InspectBatchNo") {
                            if (preRow["InspectBatchNo"] != row["InspectBatchNo"]) {          //判斷前一行字段與當前是否一致,不一致則爲新的合併
                                for (let i = rowIndex + 1; i <= $this.IQCDataList.length; i++) {
                                    if (row["InspectBatchNo"] == $this.IQCDataList[i]["InspectBatchNo"]) {
                                        rowspan++;
                                    } else {
                                        break;
                                    }
                                }
                            }
                            else {
                                rowspan = 0;
                            }
                        } else if (column.property == "ProductNo") {
                            if (preRow["InspectBatchNo"] != row["InspectBatchNo"] || preRow["ProductNo"] != row["ProductNo"]) {
                                for (let i = rowIndex + 1; i <= $this.IQCDataList.length; i++) {
                                    if (row["ProductNo"] == $this.IQCDataList[i]["ProductNo"]) {
                                        rowspan++;
                                    } else {
                                        break;
                                    }
                                }
                            }
                            else {
                                rowspan = 0;
                            }
                        }
                    }
                    return {
                        rowspan: rowspan,
                        colspan: colspan
                    };
                },

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章