Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents

...

  • Table Field Set Area : 테이블 필드로 사용하고자 하는 Value값 선택하여 테이블을 생성하는 영역

  • Table Options Set Area : 테이블 옵션을 Events, Search, function, Style 4가지 탭으로 구분하여 제공

  • Table Click Set Area : 테이블을 Click, Double Click 할 경우 발생하는 이벤트를 설정하는 영역

  • Table Slot Area : 테이블 필드, 이벤트 버튼, 검색바 필드, 검색폼 필드의 설정 슬롯 영역

...

...

Option Detail

테이블 옵션의 상세 내용은 다음과 같다.

  • Events : 이벤트 버튼과 페이지네이션을 설정하는 영역

  • Search : 검색바, 검색폼, 테이블 헤더에 사용하는 Filter/Sorter 기능 설정 영역

  • function : 테이블 드래그 정렬, 데이터 에디팅과 써머리(SUM), 필드 그룹핑 등의 추가 기능 설정 영역

  • Style : 기본적으로 셋팅된 테이블 스타일 변경 또는 커스터마이징 스타일 등을 설정하는 영역

...

Status
colourRed
titleneed check
버튼 정렬 Default = right

Status
colourGreen
titleTip
Data Select Field

테이블 첫번째 Col에 데이터 선택 필드가 생성되며, 선택 타입을 2가지로 선택 가능하다.

- Radio : 라디오 버튼 타입으로 데이터 선택 필드 생성, 단일 선택만 허용할 경우 사용

- Checkbox : 체크박스 타입으로 데이터 선택 필드 생성, 다중 선택을 허용할 경우 사용

...

Status
colourRed
titleNEED CHECK
위치 top 적용 안됨, Default값 필요(미설정 > bottom)

Status
colourRed
titleneed check
페이지네이션 정렬 Default = left

Status
colourYellow
titlenew
페이지네이션 정렬 기능 현재 없음, 아래 Use Same Line 옵션과 함께 추가 필요

3. Use Same Line
Status
colourYellow
titlenew

버튼과 페이지네이션 사용이 모두 {ON}이라면, 버튼과 페이지네이션을 같은 라인에 배치할 수 있다.

...

제공하는 이벤트 버튼 외에 추가로 버튼을 생성하여 사용할 수 있다. 추가하기 (plus) 아이콘을 클릭하고 버튼 컴포넌트를 선택하여 셋팅한다. 버튼 셋팅 옵션은 https://ionsdp.atlassian.net/wiki/spaces/~438538633/pages/1555333928/Set+Button#Setting-Screen을 참고 하자.

...

Search Option

1. Search Bar

2. Table Header Search

3. Search Form Filter

...

Function Option

1. Drag Sort
Status
colourRed
titlename change

2. Editable

3. Summary

4. Field Grouping
Status
colourYellow
titlenew

5. Authorization by Field
Status
colourRed
titlename change

...

Style Option

1. Size

2. Show Empty Data First

3. Hide Title
Status
colourRed
titlechange "show Title"

4. Bordered

5. Fixed Header

6. Fixed Columns

7. Custom Title Style

8. Custom Card Style

...

Status
colourRed
titleneed check

...