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

TransposedGrid 컬럼 width 조절 문의 > Q&A | 토론

본문 바로가기

ReactJS TransposedGrid 컬럼 width 조절 문의

페이지 정보

작성자 양치기늑대 작성일 2023-03-22 10:47 조회 480회 댓글 0건
제품 버전 : 5.20222.877
컨트롤 이름 : TransposedGrid

본문

첨부파일

안녕하세요

wijmo에서  TransposedGrid가 저희가 원하는 형태를 가지고 있어 프로토타입 테스트 중 

문의가 생겨 질문드립니다.


TransposedGrid 그리드를 React에서 테스트 해보고있는데요.

日, 月, 火 컬럼의 width를 조절하고 싶습니다

컬럼의 width를 조절하는 방법을 찾지 못 해 문의드립니다.

css로 강제로 조절하려니 그리드가 깨지네요.

답변 부탁드릴게요.

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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: TransposedGrid 컬럼 width 조절 문의

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

페이지 정보

작성자 GCK써니 작성일 2023-03-23 13:45 댓글 0건

본문

양치기늑대 님, 안녕하세요.

그레이프시티입니다.


TransposedGrid에서 컬럼 너비를 변경할 때에는 loadedRows 이벤트를 활용하실 수 있습니다.

아래 샘플 코드와 같이 loadedRows 이벤트 내에서 각 컬럼의 너비를 설정해보시기 바랍니다.

new TransposedGrid('#theTransposedGrid', {
    // ...  
    // transposed grid의 행/열 크기를 사용자정의합니다.
    loadedRows: (s) => {
        s.columns.defaultSize = 200;
        setTimeout(() => {
           s.columns[0].width = 100;
           s.columns[1].width = 100;
           s.columns[2].width = 100;
        });
    },
    itemsSource: data,
    // ...
});


아래 링크된 데모에, 상기 코드를 추가하여 컬럼 너비를 설정해보시기 바랍니다.

Wijmo 데모 | TransposedGrid

Wijmo API | loadedRows Event


감사합니다.

그레이프시티 드림


댓글목록

등록된 댓글이 없습니다.

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