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

...

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

...

Style Option

1. Size

테이블 사이즈를 small사이즈 선택(Small, Default, Large로 설정할 수 있다. Large)

2. Show Empty Data First

노리스트 테이블을 출력하는 기능이다.출력

3. Hide Title
Status
colourRed
titlechange "show Title"

테이블명을 노출/비노출을 설정한다.비노출 설정

4. Bordered

테이블 보더 노출/비노출을 설정한다.비노출 설정

5. Fixed Header

테이블 헤더 높이값을 직접 입력하여 고정하는 기능이다.

...

고정

6. Fixed Columns
Status
colourRed
titleneed check

테이블 열을 고정시킬 수 있다. 많은 필드를 사용하는 테이블에서 특정 필드 열만 고정시킬 경우 사용한다테이블의 특정 Col을 고정하는 기능으로 고정 Col 필드 목록이 출력된다.

  • Enable Fixed Columns Fields

    Status
    colourYellow
    titlenew
    : Fixed Columns을 진행 할 필드 설정

7. Custom Title Style

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

8. Custom Card Style

리스트 형태의 테이블을 카드 스타일로 변경 할 수 있다. Card Style Set으로 설정한다.

...

Style Set

스타일 셋팅은 3가지 방법 진행 할 수 있다.

Simple CSS

각 옵션에 값을 입력하거나 선택하여 셋팅하는 방법이다.

...

Code CSS

Class Name을 입력하고, 직접 CSS를 작성하는 방법이다.

...

Common CSS

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

...

...

To be deleted?
Status
colourRed
titleneed check

...

...

Image Added