1. 程式人生 > >elemenui table合併單元格(總結)

elemenui table合併單元格(總結)

<el-table :span-method="arraySpanMethod" ...></el-table>
arraySpanMethod(obj) {...}
obj為物件,其包含當前行row、當前列column、當前行號rowIndex、當前列號columnIndex四個屬性。
第4行除第1列外的所有單元格
let a = 1
if (obj.rowIndex === 3 && obj.columnIndex > 0) { // 當為第四行且不為第一列
    if (obj.columnIndex === 1) { // 設定第四行第二列單元格的跨列數
        a = this.theadGroupUuid.length + 1
    } else {
        a = 0
    }
}
return [1, a]

 

偶數行的前兩列(官網
if (rowIndex % 2 === 0) {
          if (columnIndex === 0) {
            return [1, 2];
          } else if (columnIndex === 1) {
            return [0, 0];
          }
        }

 

第一列除標題行外,每兩行合併一次(官網)
if (columnIndex === 0) {
          if (rowIndex % 2 === 0) {
            return {
              rowspan: 2,
              colspan: 1
            };
          } else {
            return {
              rowspan: 0,
              colspan: 0
            };
          }
        }