...

• Header Height : 테이블 헤더 높이값 입력 필드

Fixed Table Wid

6. Fixed Columns

컬럼 각각의 사이즈 고정

7. Fixed Column Header

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

...

7. Custom Title Style

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

...

• 하위 옵션

  Status
  colour Red title need check

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

...

6. Show MoreLink

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

...

[Both] > [Top Align]{(Left, Center, Right)}

[Both] > [Bottom Align]{(Left, Center, Right)}

Status
colour Green title Tip

Data Select Field

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

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

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

...

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

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

• Pagination Align

  Status
  colour Yellow title new

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

[Both] > [Top Align]{(Left, Center, Right)}

[Both] > [Bottom Align]{(Left, Center, Right)}

3. Use Same Line

Status
colour Yellow title new

...

Status
colour Green title Tip

Use Same Line

Same Line을 {ON}으로 설정하면 페이지네이션의 위치/정렬 옵션이 비노출되고, 버튼 위치/정렬 설정에 따라 페이지네이션의 위치가 자동 설정된다. 버튼 정렬은 {Left, Right}만 선택 가능하다.

- Event Buttons Position{Top} → Auto Set “Pagination Position{Top}”

- Event Buttons Align{Right} → Auto Set “Pagination Align{Left}”

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

Status
colour Green title Tip

Action Display Type{Button}

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

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

4. Use Extra Buttons

Status
colour Red title with action display Option

...

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

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

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

...

.

...

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

...

...

To be deleted?

Status
colour Red title need check

...