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

Function

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

Type

다양한 타입을 추가해서 조합할 수 있습니다.

Spec

Function

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

Type

다양한 타입을 추가해서 조합할 수 있습니다.

Spec

Function

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

Type

다양한 타입을 추가해서 조합할 수 있습니다.

Usage

Do

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

Don't

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

Usage

Do

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

Don't

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

Usage

Do

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

Don't

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

©Codeit

©Codeit

©Codeit