안녕하세요 메시어스입니다.

문의하신 내용에 대해 답변드립니다.

1. 헤더 병합

=> 데모의 mergemanger(사용자 정의 병합)의 경우, 이전에 안내 드린 것과 같이 셀 뿐만 아니라 헤더 영역도 같은 값이 입력되어 있으면 병합처리됩니다. 관련하여 아래 추가적으로 참고할만 한 답변 글을 공유드리오니 참고 부탁드립니다. 해당 샘플을 보면서 이미지에 맞게 사용자 정의 처리하시길 바랍니다.

- 3단 헤더병합 문의

2. 추가된 헤더 텍스트 변경 처리

=> 해당 기능의 경우 특정 이벤트 후에 반복문과 setCellData를 이용하여 아래 코드와 같이 텍스트 값을 변경 처리하시면 됩니다.

 for (let i = 0; i <= 3; i++) { //0번째 열부터 3번째 열까지
        panel.setCellData(0, i, "Amounts"); //Amounts 값 설정
      }

3. 헤더 값 정렬 방법

=> 일반적인 상황에서는 Column의 align 속성을 이용하여 그리드 헤더 텍스트를 정렬할 수 있습니다. 아래 데모를 참고하여 주시기 바랍니다.

- 사용자 정의 스타일 지정

다만 이미지상의 병합처리된 헤더 셀을 위해서는 setCellData 등 병합처리가 완료된 후, column 컬렉션에 접근하여 아래 코드와 같이 재설정해주시기 바랍니다.

onInitialized: function (grid) {

      grid.mergeManager = new CustomMergeManager();

      (....)

      for (let i = 0; i <= 3; i++) {
        panel.setCellData(0, i, "2023년");
      }

      grid.columns[0].align = "center"; // 이미지 상의 0번째 열의 행 align
      grid.columns[2].align = "center"; // 이미지 상의 2번째 열의 행 align

다른 궁금한 점이 생기면 문의주시기 바랍니다.

감사합니다.

메시어스 드림