| Table of Contents |
|---|
...
| Status | ||||
|---|---|---|---|---|
|
Data Select Field
Status
colour Green title Tip 테이블 첫번째 Col에 데이터 선택 필드가 생성되며, 선택 타입을 2가지로 선택 가능하다.
- Radio : 라디오 버튼 타입으로 데이터 선택 필드 생성, 단일 선택만 허용할 경우 사용
- Checkbox : 체크박스 타입으로 데이터 선택 필드 생성, 다중 선택을 허용할 경우 사용
...
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
3. Use Same Line
| Status | ||||
|---|---|---|---|---|
|
버튼과 페이지네이션 사용이 모두 {ON}일 경우, 버튼과 페이지네이션을 같은 라인에 배치하는 기능이다.
...
Use Same Line
Status
colour Green title Tip Same Line을 {ON}으로 설정하면 페이지네이션의 위치/정렬 옵션이 비노출되고, 버튼 위치/정렬 설정에 따라 페이지네이션의 위치가 자동 설정된다. 버튼 정렬은 {Left, Right}만 선택 가능하다.
- Event Buttons Position{Top} → Auto Set “Pagination Position{Top}”
- Event Buttons Align{Right} → Auto Set “Pagination Align{Left}”
4. Use Extra Buttons
| Status | ||||
|---|---|---|---|---|
|
제공하는 이벤트 버튼 외에 추가로 버튼을 생성하여 사용할 수 있다. Extra Buttons{ON}으로 설정하면 하단에 Extra Button Table 영역이 출력된다. 
아이콘을 클릭하고 원하는 버튼 컴포넌트를 추가할 수 있다.
...
Action Display Type{Button}
Status
colour Green title Tip 버튼 옵션 설정을 통해 Basic Button, Text Button, Icon Button, Text Button with Icon 등을 만들 수 있다.
버튼 옵션에 관한 가이드는 Event Component을 참고하자.
...
Search Option
1. Search Bar
| Status | ||||
|---|---|---|---|---|
|
검색바 필드 목록이 출력된다. 값을 선택하면 테이블 상단에 검색바가 추가된다.
Enable Search Bar Fields : 검색바의 검색 필터 필드 설정
2. Table Header Search
| Status | ||||
|---|---|---|---|---|
|
테이블 헤더에 Filter/Sorter Search 기능 추가할 수 있다.
Table Header Search Type : 테이블 헤더 검색 옵션 선택(
Sorter,Filter,Both)
3. Search Form Filter
| Status | ||||
|---|---|---|---|---|
|
검색폼 필드 목록이 출력된다. 값을 선택하면 테이블 상단에 검색폼이 나열된다.
...
| Status | ||||
|---|---|---|---|---|
|
...
...
Function Option
1. Drag Sort
| Status | ||||
|---|---|---|---|---|
|
테이블에서 React-DND(Drag And Drop) 정렬 기능으로, 드래그 핸들러도 함께 사용 가능하다.
...
Enable Summary Fields : Data Sum을 진행 할 필드 설정
4. Field Grouping
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
테이블 헤더에 있는 필드를 그룹핑하여 보여주는 기능이다. 그룹핑 레벨 목록에서 원하는 레벨을 선택하고 그룹명과 그룹핑 할 필드를 선택한다. 아이콘을 클릭하여 그룹핑 레벨을 추가 할 수 있다.
...
List Field Instance Slot에서 필드 별 그룹핑 진행
Status
colour Green title Tip List Field Instance Slot 테이블에 있는 설정
을 이용해 필드 1개씩 그룹핑을 개별 셋팅하는 방법도 있다.
...
5. Authorization by Field
| Status | ||||
|---|---|---|---|---|
|
필드 개별로 계정 접근 권한을 설정하는 기능이다.
| Status | ||||
|---|---|---|---|---|
|
...
6. Show MoreLink
테이블 상단에 [more] 을 추가하여 링크로 더 많은 정보를 사용자에게 전달 할 수 있다.
...
2. Show Empty Data First
노리스트 테이블을 출력
3. Hide Title
| Status | ||||
|---|---|---|---|---|
|
테이블명을 노출/비노출 설정
| Status | ||||
|---|---|---|---|---|
|
4. Bordered
테이블 보더 노출/비노출 설정
...
Header Height : 테이블 헤더 높이값 입력 필드
6. Fixed Columns
| Status | ||||
|---|---|---|---|---|
|
테이블의 특정 Col을 고정하는 기능으로, 테이블을 좌후로 스크롤하여도 선택한 Col이 고정되어 보인다.
...
스타일 셋팅은 3가지 방법 진행 할 수 있다. Title Style, Card Style 모두 동일한 스타일 셋팅을 사용하다.
Simple CSS
| Status | ||||
|---|---|---|---|---|
|
각 옵션에 값을 입력하거나 선택하여 셋팅하는 방법이다.
...
Code CSS
| Status | ||||
|---|---|---|---|---|
|
Class Name을 입력하고, 직접 CSS를 작성하는 방법이다.
...
Common CSS
| Status | ||||
|---|---|---|---|---|
|
자주 쓰이는 CSS 목록에서 원하는 스타일을 선택하는 방법이다.
...
...
To be deleted?
| Status | ||||
|---|---|---|---|---|
|
1. List Scroll
2. List Scroll Height
3. List Search Form Field Size
4. List Search Form Field Gutter
5. List Default PageSize
6. List Show PageSize Changer
7. Show info Icon
아이콘 필드 테이블 최상단에 출력
신규 등록된 목록 [new] 아이콘 처리
8. Custom
...
