Versions Compared

Key

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

셋팅화면

...

1. Create New

...

노드타입을 선택하면 설정 옵션이 다음과 같이 출력된다.

...

Enable List Fields : 테이블 필드 Value 선택

...

Event options : 버튼과 페이지네이션 기능 설정

  • Event Buttons : CRUDL 이벤트 버튼 선택 및 위치 설정

  • Pagination : 페이지네이션 사용 여부 선택 및 위치 설정

  • Use Extra Buttons : 기본 이벤트 버튼 외에 사용하고자 하는 버튼 직접 생성

...

Search options : 검색 기능 설정

  • Use Search Bar : 검색바

  • Use Search Form Filter : 테이블 상단 영역에 출력되는 검색폼 필터 기능

  • Use Table Header Search : 테이블 헤더에 Filter/Sorter 검색 기능

  • Use Search Cache : 캐시 저장 여부 선택

Function options : 드래그 쏠트, 에디팅, 그룹핑, 써머리 기능 설정

...

Draggable

...

Editable

...

Grouping

...

셋팅내용

...

Basic Set

기본 테이블은 Title, Table, Pagination, Event Buttons 4가지 엘리먼트로 구성되어 있다.

...

...

  • Show Pagination

    • Pagination Position = {Top, Bottom, Both}

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

    • Pagination Align = {Left, Center, Right}

      Status
      colourYellow
      titleNEW
      페이지네이션에도 정렬 기능 필요(Default = right)

    • Show Total Count{ON/OFF}

 

...

...

 

Status
colourRed
titleASIS
Pagination과 Event Buttons 2가지 모두 ON일 경우, 서로 다른 라인에 배치됨

...

 

Status
colourRed
titleTBD
Pagination과 Event Buttons 2가지 모두 ON일 경우, 동일 라인에 배치하는 신규 옵션 추후 필요!

 

Status
colourBlue
titleEX
백오피스 예시 화면

...

Status
colourRed
titleNEED CHECK
검색바만 사용하고 싶은 경우 설정 없음, 검색 옵션 아래와 같이 변경 필요

  • Show Search{ON/OFF}

    • Status
      colourYellow
      titleNEW
      SearchBar{ON/OFF}

    • Status
      colourYellow
      titleNEW
      Search Form Filter{ON/OFF}

    • Status
      colourYellow
      titleNEW
      Table Header Search{ON/OFF}

      • Show Sorter{ON/OFF}

      • Show Filter{ON/OFF}

    • Use Search Cache : 필드 필터와 폼검색 캐시 저장 사용

...

Status
colourRed
titleNEED CHECK
드래그 테이블은 Search, Pagination 기능과 함께 사용 할 수 없는지 확인 필요

Status
colourPurple
titleANT DESIGN
사용자가 드래그 사용 가능 여부를 쉽게 알 수 있도록 icon이 추가된 2번 타입 추가 제안

1번 Drag sorting (현재)

Status
colourYellow
titleNEW
2번 Drag sorting with handler

...

Status
colourPurple
titleANT DESIGN
2가지 에디팅 기능 (
Status
colourRed
titleNEEDCHECK
현재 2번만 있음, BUT 에디팅 기능 사용 불가 )

...

 

Status
colourRed
titleTOBE
그룹핑 여러개를 한번에 확인하며 진행할 수 있는 방법 필요

  • Status
    colourYellow
    titleNEW
    Grouping{ON/OFF}

    • Status
      colourYellow
      titleNEW
      Group Label : 필드 그룹명 텍스트 입력

    • Status
      colourYellow
      titleNEW
      Select Fields : 그룹핑 할 필드 선택(다중선택)

Grouping table head

Status
colourBlue
titleEX
5개의 테이블 필드가 있는 테이블 그룹핑

Fileds = {Name, Age, Street, Building, Door No.}

 

Group Lable = Field_1, Field_2, …

  1. Block = Building, Door No

  2. Address = Street, Block

  3. Other = Age, Address

...

Status
colourRed
titleNEED CHECK
라디오, 체크박스 기능을 선택형으로 변경 필요

Info

테이블 데이터 선택{Radio}

...

Info

테이블 데이터 선택{Check}

...

5. Table Style

Status
colourRed
titleTOBE
테이블 보더/헤더/콜룸 스타일 그룹핑 필요

  • Bordered : Default{ON}

  • Fixed Header : Default{ON}

    • Height : Default = “600”

  • Fixed Columns : Default{ON}

...

Status
colourRed
titleneed check
삭제 예정 확인 필요

>> “new”는 Field선택해서 텍스트 앞쪽에 아이콘 표시하는 기능으로 변경

  • Status
    colourYellow
    titlenew
    : 신규 등록 컨텐츠 존재시 신규 아이콘 표시

  • Status
    colourYellow
    titleFile
    : 파일첨부가 되어있는 컨텐츠에 아이콘 표시

...

Status
colourRed
titleneed check
삭제 예정 확인 필요

  • Top Field

  • Top Button API

  • Bottom Button Title

  • Bottom Button URL

  • Bottom Button API

  • Add Event Columns{Manage, Remove, Both}

  • Property Key

  • Property Field

  • Limit

  • Form Type

  • Show Search Time

...

Status
colourRed
titleneed check
테이블 필드 Show, 계정별 권한 부여하는 기능, 사용법 확인 필요 >
Status
colourGreen
titlelink
프로젝트에서 권한 부여

...

 

6. Custom Card Style : 기능 실행X, 확인불가

...