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 : 테이블 옵션을 Style, function, Events, Search , function, Style 4가지 탭으로 구분하여 제공

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

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

...

Status
colourRed
titleneed check
모든 컴포넌트는 이름(Title, Label)을 가지며, 공통적으로 Option에 “Hide OOO” 기능 추가로 통일 필요

4. Bordered

테이블 보더 노출/비노출 설정

...

Status
colourRed
titleneed check
설정 방법 확인 필요, 현재 토글{ON}해도 하위 옵션 출력 없음

...

테이블 상단에 [more] 을 추가하여 링크로 더 많은 정보를 사용자에게 전달 할 수 있다.

...

Status
colourRed
titleneed check
Buttons Default : Position{Bottom}, Align{right}

Status
colourGreen
titleTip
Data Select Field

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

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

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

...

Status
colourRed
titleNEED CHECK
Position{top} 확인불가 > https://ionsdp.atlassian.net/browse/ICE4-2047

Status
colourRed
titleneed check
Pagination Default : Position{Bottom}, Align{left}

Status
colourRed
titleneed check
Pagination Align 현재 비노출, 노출로 변경하고 [Use Same Line] 옵션 추가하여 사용자 자유도 UP

3. Use Same Line
Status
colourYellow
titlenew

...

자주 쓰이는 CSS 목록에서 원하는 스타일을 선택하는 방법이다.

...

...

To be deleted?
Status
colourRed
titleneed check

...