...

Setup

Create New

...

Status
colour Green title tips

Select Grouping Fields

Enable Table List Fields 에서 선택한 Value 목록이 출력되며, 그룹핑은 이웃 필드끼리만 가능하다.

(ex. Field 01, Field 03, Field 05, 3가지 필드를 선택할 경우, Field 01부터 Field05까지 5개 필드가 자동 선택)

...

6. Show MoreLink

테이블 상단에 [more] 버튼으로 링크로 더 많은 정보를 사용자에게 전달하거나, 관련 페이지로 이동을 유도할 수 있다.

• MoreLink URL : 버튼에 연결시킬 URL 입력

...

7. Personalized Columns

"Enable List Fields" 실시간 설정 기능으로 사용자별(End-User) 맞춤 테이블 필드 보기가 가능하다. Personalized Columns{ON} 설정 시, 테이블 우측 상단에 [Personalized Columns] 버튼이 생성된다. 이 버튼에는 테이블 필드 설정 Modal이 연결되어 있으며, 사용자들은 이를 통해 테이블 필드 Value 값을 재설정하고, 실시간으로 테이블에 적용시켜 맞춤형 테이블로 사용할 수 있다.

...

...

Events Option

Events Tab의 상세 옵션 내용은 다음과 같다.

...

• Enable List Event Buttons : 이벤트 버튼 목록(Create, Read, Update, Delete, List)

• Data Select Field

  Status
  colour Red title tobe

  : 테이블 데이터 선택하는 필드 사용(No Use, Radio, Checkbox)

• Event Buttons Position : 버튼 위치 선택(Top, Bottom, Both)

  • Top/Bottom Event Buttons Align : 버튼 정렬 선택(Left, Center, Right)

...

테이블 페이지네이션의 Total Count 정보 노출 여부와 페이지네이션 위치와 정렬 설정 옵션이 출력된다.

• Pagination Show Total Count : 출력된 테이블 목록 총합 출력

• Pagination Position : 페이지네이션 위치 선택(Top, Bottom, Both)

  • Top/Bottom Pagination Align : 페이지네이션 정렬 선택(Left, Center, Right)

Image Added

• List Default PageSize: 테이블 목록 개수 Default 설정, 이 값을 기준으로 페이징 처리 진행

• List Show PageSize Changer: 테이블 목록 개수를 실시간으로 변경하여 보는 옵션으로 페이징도 함께 실시간 적용

  • List PageSize Changer : 테이블 목록 Row 개수 변경 옵션 다중 선택(10, 20, 50, 100)

...

• Enable Search Form Fields : 검색폼으로 생성 할 필드 설정

• Search Timing

  Status
  colour Yellow title new

  : 검색 결과 출력 타이밍 (Real time, Click Botton)

• Connect Search Form : 검색 이력을 저장하여 동일한 검색 매개 변수의 경우 검색 미진행

• Use Search Cache : 검색 이력 캐시 저장

Status
colour Green title Tip

Search Timing

- Real Time : 필터 설정이 실시간으로 테이블 리스트에 반영

- Click Bottom : 신규 검색 버튼이 생성되며, 이 버튼을 클릭 시 필터 설정값들이 한 번에 테이블 리스트에 반영

...

4. Connect Search Form

SearchForm 컴포넌트를 연동하여 출력하는 기능이다.

...

Style Set Detail

스타일 셋팅은 3가지 방법 진행 할 수 있다. Title Style, Card Style 모두 동일한 스타일 셋팅을 사용하다.

...