Versions Compared

Key

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

...

테이블의 특정 Col을 고정하는 기능으로, 테이블을 좌후로 스크롤하여도 선택한 Col이 고정되어 보인다.

  • Select Fixed Columns

    Status
    colourYellow
    titlenew

Status
colourRed
titleneed check
고정시킬 필드 선택 or 필드 1번부터 몇번째까지 고정시킬지 설정하는 기능 필요!

7. Custom Title Style

테이블 타이블 스타일을 설정하는 기능으로 Title Style Set이 출력된다.

...

Status
colourGreen
titleTip
Drag handler Field{ON}설정 시

테이블 각각의 Row에 드래그 핸들러 아이콘이 출력되어 사용자가 드래그 정렬 기능을 사용 할 수 있음을 좀 더 쉽게 인지할 수 있도록 한다.

Status
colourPurple
titleant
Drag sorting with handler

...

필드 개별로 계정 접근 권한을 설정하는 기능이다.

  • 하위 옵션

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

...

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

...

Status
colourRed
titleneed check
https://ionsdp.atlassian.net/browse/ICE4-2027
Status
colourRed
titleneed check
Buttons Default : Position{Bottom}, Align{right}

Status
colourGreen
titleTip
Data Select Field

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

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

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

...

  • Pagination Total Count : 페이징 총합 출력

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

  • Pagination Align

    Status
    colourYellow
    titlenew
    : 페이지네이션 정렬 선택(Left, Center, Right)

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

...

제공하는 이벤트 버튼 외에 추가로 버튼을 생성하여 사용할 수 있다. Extra Buttons{ON}으로 설정하면 하단에 Extra Button Table 영역이 출력된다. (plus) 아이콘을 클릭하고 원하는 버튼 컴포넌트를 추가할 수 있다.

Extra Buttons을 사용하면, 테이블 마지막 열에 각 Row에 적용 가능한 Action Display 필드가 신규 생성된다생성된다. 버튼 또는 드롭다운 2가지 Action Display Type 옵션을 설정하여 Extra Buttons의 필드 내 출력 형태를 결정 할 수 있다.

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

    Action Display Button Align

Status
colour

...

...

Action Display Button Type

Status
colourYellow
titlenew
: 버튼 타입의 액션 디스플레이 타입 옵션(Hamburger, Default)

Status
colourGreen
titleTip
Action Display Type{Button}

버튼 옵션 설정을 통해 Basic Button, Text Button, Icon Button, Text Button with Icon 등을 만들 수 있다.

버튼 옵션에 관한 가이드는 Event Component을 참고하자.

Status
colourRed
titleneed check
Action Display Type{Button}

...

Status
colourRed
titleneed check
Action Display Type{Dropdown}

...

...

Search Option

1. Search Bar
Status
colourYellow
titlenew

...

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

...

...

To be deleted?
Status
colourRed
titleneed check

...