Versions Compared

Key

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

...

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

...

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

...

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

7. Action Display
Status
colourYellow
titlenew
Status
colourRed
titleTBD

테이블 마지막 필드에 각 Row에 적용 가능한 액션 디스플레이 필드를 생성한다. 아이콘, 버튼, 드롭다운 3가지 타입 중 하나를 선택하고, 원하는 Action 목록을 생성하고 컴포넌트를 연결한다.

  • Action Display Type : 디스플레이 필드 타입 선택(Icon, Button, Dropdown)

    • Action Display Button Align : 버튼 타입의 액션 디스플레이 정렬 옵션(Vertical, Horizontal)

    • Action Display Icon Type : 아이콘 타입의 액션 디스플레이 노출 타입 옵션(Hamburger, Unfolded)

  • Action Display List : 디스플레이 필드에 사용할 액션 목록 생성 가능

Status
colourRed
titleneed check
Status
colourPurple
titleant
텍스트 버튼 스타일의 액션 디스플레이

...

Status
colourRed
titleneed check

...

Style Option

1. Size

테이블 사이즈 선택(Small, Default, Large)

...

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

...

...

To be deleted?
Status
colourRed
titleneed check

...