[ExtJS] grid 에서 세로 멀티 헤더 그리기

현재 프로젝트의 ExtJS 버전 확인부터 

프로젝트의 src > main > webapp > ext > version.properties 에서 확인 

확인 결과 -> 6.5.3

 

- Ext.pivot.Grid 활용 

원하는 것이 버전 7.0.0 에 예시로 나와있다. 

docs.sencha.com/extjs/7.0.0/guides/components/pivot_grid.html

 

버전 6.5.3 에서 찾은 예제 (pivot grid) 

docs.sencha.com/extjs/6.5.3/guides/components/pivot_grid.html

 

pivot grid kichen sink 

examples.sencha.com/extjs/6.5.3/examples/kitchensink/?modern#all

 

viewLayoutType 

 

- Ext.grid.Panel 활용 

Extjs grid merge rows

programmersought.com/article/43294189913/

 

셀 병합 예제 : html 단위로 접근해서 해결, ExtJS 4.1 버전

-> 이게 제일 낫다. 

blog.csdn.net/kunoy/article/details/7829395

 

html 에 접근해서 셀 병합하기 : colspan, rowspan 활용 -> elements 를 확인해보니, grid의 한 rowr가 각각 하나의 html table 로 구성되어 있어 사용할 수 없었다. 

 

- 그냥 html 테이블을 그리기