Table
데이터를 관리하고 여러 액션 컴포넌트와 조합해서 사용하는 컴포넌트입니다.

Table
데이터를 관리하고 여러 액션 컴포넌트와 조합해서 사용하는 컴포넌트입니다.

Table
데이터를 관리하고 여러 액션 컴포넌트와 조합해서 사용하는 컴포넌트입니다.

Anatomy

ESSENTIAL
1. 헤더 로우
Table Header Item 컴포넌트로 구성합니다.
2. 바디 로우
다양한 Table Item을 조합해서 구성합니다.
Anatomy

ESSENTIAL
1. 헤더 로우
Table Header Item 컴포넌트로 구성합니다.
2. 바디 로우
다양한 Table Item을 조합해서 구성합니다.
Anatomy

ESSENTIAL
1. 헤더 로우
Table Header Item 컴포넌트로 구성합니다.
2. 바디 로우
다양한 Table Item을 조합해서 구성합니다.
State

Control
variant
text
icon
button
person
label
label
icon

Control
variant
text
icon
button
person
label
label
icon

Control
variant
text
icon
button
person
label
label
icon
Properties
type | text, icon, button, person, label |
first cell | false, true |
last cell | false, true |
label | false, true |
icon | false, true |
button | false, true |
Properties
type | text, icon, button, person, label |
first cell | false, true |
last cell | false, true |
label | false, true |
icon | false, true |
button | false, true |
Properties
type | text, icon, button, person, label |
first cell | false, true |
last cell | false, true |
label | false, true |
icon | false, true |
button | false, true |
Spec
![]() | Functionsorting, checkbox 기능을 |
![]() | Type다양한 타입을 추가해서 조합할 수 있습니다. |
Spec

Function
sorting, checkbox 기능을 활용할 수 있습니다.

Type
다양한 타입을 추가해서 조합할 수 있습니다.
Spec
![]() | Functionsorting, checkbox 기능을 |
![]() | Type다양한 타입을 추가해서 조합할 수 있습니다. |
Usage

Do
데이터가 없을 때 empty section 사용을 권장합니다.

Don't
모바일 환경에서는 컨테이너에 Fill을 적용하지 않고 스크롤 가능한 형태로 적용해야 합니다.
Usage

Do
데이터가 없을 때 empty section 사용을 권장합니다.

Don't
모바일 환경에서는 컨테이너에 Fill을 적용하지 않고 스크롤 가능한 형태로 적용해야 합니다.
Usage

Do
데이터가 없을 때 empty section 사용을 권장합니다.

Don't
모바일 환경에서는 컨테이너에 Fill을 적용하지 않고 스크롤 가능한 형태로 적용해야 합니다.