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

테이블 서식 > Q&A | 토론

본문 바로가기

ReactJS 테이블 서식

페이지 정보

작성자 SpreadjsUser 작성일 2023-02-06 11:14 조회 478회 댓글 0건
제품 버전 : 16

본문

질문1

아래 이미지 중 '1-디자이너 컴포넌트 템플릿'을 만들었습니다. 그 전 질문 답변주신 사항처럼  '1-디자이너 컴포넌트 템플릿'에 표 서식을 설정했고, 가운데 정렬 역시 적용했는데, '2-텍스트 서식'과 같이 텍스트의 정렬은 가운데 정렬이 되고 있지 않습니다. 다음과 같이 코드로 반드시 처리해야하나요? 디자이너 컴포넌트에서 해결할 수 있는 방법이 있는지 궁금합니다.


renderSheet
          .getRange(findMaterialsTable.row + 2 + i, 0, 1, 10)
          .setBorder(
            new GC.Spread.Sheets.LineBorder(
              'Black',
              GC.Spread.Sheets.LineStyle.thin
            ),
            {
              all: true,
            }
          )

질문2 

아래 이미지 중 '3-사진대지'의 경우 해당 파란색 영역을 기준으로 가운데 정렬을 하고 싶습니다. 

아래 코드와 같이 hAlign, vAlign를 적용해 보아도 안 되는데 할 수 있는 방법이 있나요?

startRowOffset, startColumnOffset으로 적용하는 것 말고 가운데 정렬 하는 방법이 궁금합니다.

renderSheet
          .getRange(findEquipsTable.row + i, 0, i, 10)
          .hAlign(GC.Spread.Sheets.HorizontalAlign.center)
        renderSheet
          .getRange(findEquipsTable.row + i, 0, i, 10)
          .vAlign(GC.Spread.Sheets.VerticalAlign.center)

질문3

1- 디자이너 컴포넌트 템플릿에 '인력 투입 현황' row를 기본 4개로 템플릿을 만들었는데, 인력 투입 현황에 데이터가 없을 때 row가 모두 사라지면서 '작업내역'의 '명일 작업보고, 특기사항' 모두 셀이 누락되었습니다. 작업내역의 '금일, 명일 작업보고, 특기사항'은 table이 아닌 text로 데이터바인딩을 해 둔 상태인데 어떻게 해결해야할까요???



160835b3a1715146e7a42e34085d698c_1675649213_6162.png

160835b3a1715146e7a42e34085d698c_1675649119_0342.png
160835b3a1715146e7a42e34085d698c_1675649118_8927.png
 


 







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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: 테이블 서식

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

페이지 정보

작성자 GCK루카스 작성일 2023-02-06 17:17 댓글 0건

본문

안녕하세요 그레이프시티입니다.


질문 1.

데이터 바인딩 시 표에 대한 텍스트 정렬은 SpreadJS나 디자이너 컴포넌트에서 별도 API를 제공하지는 않으며, 코드 상으로 설정해 주어야 합니다.

아래 샘플을 참고하여 설정해 보시기 바랍니다.

,,,,,,

      function extendTableFormat(sheet, table) {
        var ts = table.range();
        for (var r = 2; r < ts.rowCount; r++) {
          for (var c = 0; c < ts.colCount; c++) {
            var row0style = sheet.getStyle(ts.row + 1, ts.col + c);
            sheet.setStyle(ts.row + r, ts.col + c, row0style);
          }
        }
      }

,,,,,,


질문 2.

hAlign, vAlign는 셀에 입력된 텍스트 값에 대한 설정입니다.

삽입된 이미지에 대해서는 영향을 주지 않습니다.

Floating Object로 추가된 사진에 대해서는 셀에 종속되지 않기 때문에 가운데 정렬이 되지 않습니다.

사진을 표시하려는 해당 병합 셀의 너비와 사진의 너비를 계산하여 가운데로 올 수 있도록 사진의 위치를 계산하여 설정해 보시기 바랍니다.


감사합니다.

그레이프시티 드림


댓글목록

등록된 댓글이 없습니다.

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