WebSquare (3) GridView & table

GridView로 DataCollection을 바인딩해 편리하게 데이터를 표현가능

 

행과 열 / 헤더 바디 풋터 설정 후 활용

-------------------------------------------------------------------------------

정렬 : gridView의 헤더 클릭시 정렬 지원

-> property에서 sortable 옵션을 정의하여 사용

 

필터 : 대상건의 값을 사용자가 조건을 정의하여 필터 처리 가능

-> property에서 useFilterList 옵션을 정의하여 사용

 

컬럼이동 : gridView 헤더를 마우스로 drag하여 컬럼을 이동할 수 있는 기능

-> property에서 columnMove 옵션을 정의하여 사용

 

이외 API를 활용한 엑셀 다운 / 컬럼 동적 변경 설정 등등 가능

-------------------------------------------------------------------------------

 

table 활용

 

기본으로 table을 만들고 1td에 제목을 쓰고 2td에 inputbox, selectbox 등을 삽입하고 css를 주었다

 

table property ->

adaptive : layout

adaptiveThreshod : 700 을 주어 반응형 효과를 줄 수 있다.