안녕하세요

헤더 머지 기능 문의드립니다.

3단으로 했을때 첨부한 그림과 같이 1,2 단 같은 내용 병합 방법이 궁금합니다.

소스 내용은

const rowMerge = ['거래일자', '코드', '조직명', '결제수단(PG)', '온라인매출', '온라인매출', '온라인매출', '온라인매출',

        '거래금액', '거래금액', '거래금액', '거래금액', '거래금액', '거래금액', '거래금액', '거래수수료', '거래수수료', '거래수수료', '거래수수료', '입금예정액', '입금예정액',

        '거래내역대사', '거래내역대사', '매출대사', '매출대사', '확정금액', '확정금액', '확정금액', '확정금액', '확정금액', '확정금액', '확정금액',

        '확정처리', '확정처리', '확정처리', 'ERP전송처리', 'ERP전송처리', 'ERP전송처리'

      ]

      const colMerge = ['adDt', 'strCd', 'strNm', 'pymtCdNm']

      this.cmmnSetHeader(rowMerge, colMerge, grid)

      const rowMerge1 = ['거래일자', '코드', '조직명', '결제수단(PG)', '온라인매출', '온라인매출', '온라인매출', '온라인매출',

        '거래금액', '거래금액', '거래금액', '거래금액', '거래금액', '거래금액', '거래금액', '거래금액', '거래금액', '거래금액', '거래금액', '거래금액', '거래금액',

        '거래내역대사', '거래내역대사', '매출대사', '매출대사', '확정금액', '확정금액', '확정금액', '확정금액', '확정금액', '확정금액', '확정금액',

        '확정처리', '확정처리', '확정처리', 'ERP전송처리', 'ERP전송처리', 'ERP전송처리'

      ]

      const colMerge1 = ['adDt', 'strCd', 'strNm', 'pymtCdNm', 'pdTotal', 'pdAm', 'deliveryFee', 'pickupFee']

      this.cmmnSetHeader(rowMerge1, colMerge1, grid)

cmmnSetHeader

/*

    * 그리드 헤더 병합하기(그리드 init함수에서 호출)

    * param : rowMerge, colMerge, grid

    * rowMerge(배열) : 행 병합할 목록(그리드 컬럼수와 동일하게 작성)

    * colMerge(배열) : 열 병합할 목록(그리드 바인딩 변수명 작성)

    * grid : grid

    */

    cmmnSetHeader (rowMerge, colMerge, grid) {

      // header row 생성

      const extraRow = new wjcGrid.Row()

      extraRow.allowMerging = true

      grid.rowHeaders.columns[0].allowMerging = true

      // header row 그리드 넣기

      const panel = grid.columnHeaders

      panel.rows.splice(0, 0, extraRow)

      // col 합치기

      colMerge.forEach(function (binding) {

        const col = grid.getColumn(binding)

        col.allowMerging = true

        panel.setCellData(0, col.index, col.header)

      })

      // row 합치기

      rowMerge.forEach((val, idx) => {

        panel.setCellData(0, idx, val)

      })

    }