ReactJS 그리드 셀 병합 / 멀티 헤더 설정 / 헤더 펼치고 접히는 버튼 기능에 대한 문의
페이지 정보
작성자 토끼바람 작성일 2021-08-04 17:52 조회 5,170회 댓글 0건본문
관련링크
안녕하세요..
그리드관련 문의입니다.
1. 셀 병합 문의
- 컬럼 1의 값이 {1, 1, 2, 2, 3, 3}
컬럼 2의 값이 {4, 4, 4, 4, 5, 6}
컬럼 2의 값이 {7, 8, 9, 9, 9, 9}
이렇게 되어있을때 그리드 기본 기능은
------|------|------------------------
1 | 4 |7
| |8
------| |----------
2 | |9
| |
------|------|
3 | 5 |
| 6 |
------|
이렇게 표현이 되는데 원하는 것은
------|------|------------------------
1 | 4 |7
| |8
------| ----- |----- |
2 | 4 |9
| 4 |9
------|------|----- |
3 | 5 |9
| 6 |9
------|
위와 같이 컬럼 2의 병합이 컬럼 1의 종속이 되서 컬럼 1의 값이 달라지면 컬럼 2의 병합이 분리되는 형태로 구현이 되었으면 합니다.
기능이 제공이 되는지요? 혹은 어떻게 구현이 가능할런지 문의 드립니다.
해당 컬럼 기준으로만 셀 병합이 아니라 앞에 컬럼에 데이터에 따라서 종속적인 셀 병합이 가능할런지요?
2. 그리드의 헤더를 멀티 설정을 json 객체를 통해서 하고 싶습니다.
- 헤더 행 병합이나 컬럼 병합이 조회 된 데이터에 따라 json을 구성하고 그것으로 헤더를 구현할 수 있을까요?
데이터의 셀병합을 포함하여 json으로 구성이 가능한가요?
- 헤더 툴팁을 포함 할 수가 있는지요?
3. 버튼 클릭으로 그룹화된 헤더를 한번에 접고 펼칠수있는지요?
- 헤더의 펼치고 접히는 기능이 있던데 버튼을 이용해서 버튼을 클릭하면 그룹 된 헤더는 다 접혔다고 다시 클릭하면
다 펼쳐지는 기능이 가능한지요.
헤더를 하나 하나 클릭 하는 건 예제가 있던데 한꺼번에 버튼으로 제어가 가능한지요?
가능하시면 class가 아닌 함수형으로 가능할까요?
클래스로 되어있는것이 함수로 적용될때 변경이 안되는 부분이 있는듯합니다.
항상 답변에 감사드립니다.
댓글목록
등록된 댓글이 없습니다.