! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

Merge 처리 시 rowHeader 순차적 넘버링 이슈 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS Merge 처리 시 rowHeader 순차적 넘버링 이슈

페이지 정보

작성자 준승파파 작성일 2024-06-14 10:08 조회 33회 댓글 0건
제품 버전 : 5.20241.9
컨트롤 이름 : selector | rowHeader | wjGrid.MergeManager

본문

현재 rowHeader 에서 넘버링 처리를 위해 formatItem 에 아래와 같이 처리 하고 있고


      gridObject.headersVisibility = "All"; 

      gridObject.formatItem.addHandler(function (s, e) {

        if (e.panel == s.topLeftCells) {

          e.cell.innerHTML = '<span class="txt-title">No</span>';

        }

        if (e.panel === s.rowHeaders) {

          let element = e.cell;

          element.innerHTML = e.row + 1;

        }

      });


wjGrid.MergeManager 상속 받아 그리드 Merge 처리를 하고 있는데


Merge 그리드 작업 후 rowHeader 넘버링 처리를 Merge 한 rowHeader의 

넘버링이 1,2,3,4 처럼 순차적으로 보이게 할수 있는 방법이 있는지 확인 부탁 드립니다.

aa8166c41903bbbdcc5efcf2879c1d40_1718327171_1003.png
 




  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: Merge 처리 시 rowHeader 순차적 넘버링 이슈

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 MESCIUS엘라 작성일 2024-06-18 09:26 댓글 0건

본문

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


MergeManager로 병합된 그리드의 행 헤더에 순차적인 넘버링 처리를 하는 경우, formatItem 이벤트에서 행의 인덱스를 사용해 innerHTML 속성을 설정하여 구현할 수 있습니다.


우선 병합 처리된 행 헤더에서 현재 행의 인덱스와 이전 행의 인덱스를 비교합니다. 비교한 인덱스의 차이가 1보다 크면, 이전 행 인덱스에 1을 더한 값을 현재 행 헤더 셀에 innerHTML 속성으로 설정하여 넘버링 처리를 할 수 있습니다.


자세한 코드는 아래의 샘플을 확인하여 주시기 바랍니다.

(샘플에서는 country 열을 기준으로 병합 처리를 한 다음 행 헤더에 순차적으로 숫자를 넣어 넘버링 처리를 하였습니다.)



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


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.