1. 程式人生 > 其它 >element ui table 合併行或列

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 }; },