JQuery UI의 resizable기능을 이용하여 그리드의 크기를 사용자가 조작할 수 있는 예제입니다.
그리드의 우측하단의 리사이즈 아이콘을 Drag하십시오.
그리드의 컬럼은 상품컬럼은 defaultWidth를 설정하고, 작물 컬럼은 크기를 주지 않고(defaultWidth를 100으로 지정된 것과 동일) 나머지 컬럼은 고정크기를 주었으며,
horizontalScrollPolicy를 off로 주어 크기 조정시 상품, 작물컬럼이 비율에 따라 넓이가 조정되도록 하였습니다.
(상품 또는 작물컬럼의 크기가 최소크기(minWidth)보다 작아지면 전체 컬럼이 같은 비율로 줄어듭니다)