안녕하세요. 웹시트 관리자 입니다.

웹시트는 기본적으로 엑셀과 비슷한 화면을 제공하고 있습니다.

저희는 이걸 Data Grid라고 부고 있습니다. 개발쪽 분양에서는 대부분 그렇게 부르고 있지요.

이 Data Grid와 Data Grid에 추가된 기능들에 대해서 이야기 드리겠습니다.


Data Grid

간단하게 Data Grid를 그리드라고 부르도록 하겠습니다.

기본적인 그리드는 위 이미지의 붉은 테두리 부분을 말합니다.

이곳에서 방향키나 입력, 수정등 엑셀과 비슷한 느낀으로 자유자제로 처리 가능합니다.

아쉽게도 엑셀과 비슷하다고 하여 수식, 서식 같은 기능은 포함되어 있지 않습니다.

하지만 그리드만에 다양한 기능들이 제공 됩니다.


1. 정렬 기능

정렬 기능

해더의 이름 부분을 클릭하면 위 이미지와 같은 화살표가 표시되면서 조회한 데이터를 정렬 할수 있습니다.

 

2. 컬럼 이동

컬럼 이동

이동 하려는 컬럼을 클릭하여 끌어와 원하는 위치로 이동하면 헤더 위아래에 화살표가 표가 표시됩니다.

해당 화살표가 이동 될 위치를 표시해주시니 원하는 위치가 된다고 하면 마우스 클릭을 풀면 해당 위치로 컬럼이 이동 되는걸 아실수 있습니다.

 

3. 컬럼 숨기기 / 숨기기 취소, 개인화 저장, 개인화삭제

헤더 우클릭 시 팝업

헤더를 우클릭하면 4가지 기능을 제공합니다.

- 컬럼 숨기기 : 선택 한 컬럼을 숨기는 역할을 합니다.

- 컬럼 숨기기 취소 : 숨긴 컬럼 모두를 다시 보이게 합니다.

- 개인화 저장 : 컬럼을 숨기거나 보이게, 컬럼 사이즈 조정, 컬럼 정렬등을 저장하고 이후에 해당 메뉴로 돌아 왔을때 그대로 유지되도록 저장 합니다.

- 개인화 삭제 : 저장해 놓은 값을 삭제하고 처음 시스템이 제공하던 형태로 변경합니다.


4. 그리드 최대화

그리드 최대화

붉은색 부분의 버튼을 클리하면 해당 그리드가 최대화가 되어 큰 화면에서 작업 하실수 있습니다.

그리드 최대화 화면


그리드에서 제공하는 기본 기능들이 다양합니다.

추후에도 고객의 니즈를 받아 계속적으로 업데이트 할 예정입니다.

 

감사합니다.

 

+ Recent posts