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

그리드 행 높이 고정 및 특정 컬럼 숨김 표시 처리 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

ReactJS 그리드 행 높이 고정 및 특정 컬럼 숨김 표시 처리

페이지 정보

작성자 토끼바람 작성일 2021-08-10 13:19 조회 3,768회 댓글 0건
제품 버전 : 5.20211.794
컨트롤 이름 : FlexGrid

본문

안녕하세요..

초기 조회

그림 1


 

버튼 클릭으로 isCollapsed 변경 처리

그림 2


 

버튼 클릭시  사용한 함수

const columnShowAll =()=>{

        console.log(gridColGroup);

        console.log(gridObject);

        if (!isShow){

            var temp = gridColGroup.map((x) => {

                if (x.collapseTo) {

                  x.isCollapsed = false;

                }

                return x;

              });


              console.log(temp);

              setGridColGroup(temp);

              gridObject.columnGroups = temp; //새롭게 할당

              setIsShow(true);

        }

    }


버튼클릭으로 isCollapsed 을 변경하고 나서 행높이가 줄었다가 그리드의 컬럼 넓이를 조정하면 다시 높이가 조정이 

되어 원래 높이대로 변경하는 현상이 있습니다. 


1. 행높이를 특정 값으로 고정 할 수 있는 방법이 있나요??


2. 특정 컬럼의 isVisible = false 이 가능한지도 문의합니다.



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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: 그리드 행 높이 고정 및 특정 컬럼 숨김 표시 처리

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

페이지 정보

작성자 GCK루시 작성일 2021-08-10 14:37 댓글 0건

본문

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


문의 주신 내용에 답변 드리고자 메일 보내 드립니다.


1. 행높이를 특정 값으로 고정 할 수 있는 방법이 있나요??

행높이를 지정하기 위해서 RowCollection 클래스의 defaultSize 속성을 사용할 수 있습니다. FlexGrid의 initialized 이벤트에서 행의 높이를 아래와 같이 지정해보시길 바랍니다.


grid.columnHeaders.rows.defaultSize = 100;


2. 특정 컬럼의 isVisible = false 이 가능한지도 문의합니다.

 특정 열 인덱스 특정 컬럼의 숨김 처리를 결정하는 visible 속성을 false로 설정하시면 됩니다. 아래 코드는 0번째 인덱스를 가진 열의 숨김을 false로 지정하는 코드 입니다.

grid.columns[0].visible = false;


[visible]

https://demo.grapecity.co.kr/wijmo/api/classes/wijmo_grid.column.html#visible 


도움말 문서도 전달 드리오니 참고 부탁 드립니다.


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


감사합니다. 

그레이프시티 드림 


* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.


댓글목록

등록된 댓글이 없습니다.

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