테이블
읽기 중심의 업무 데이터를 시맨틱 표와 명확한 셀 경계로 구성한다.
활용 방법
기본 사용
읽기 중심의 업무 데이터를 시맨틱 표와 명확한 셀 경계로 구성한다.
Preview
| 업무 | 상태 |
|---|---|
| 계약 변경 | 검토 중 |
| 예산 이관 | 승인 |
tsx
<Table columns={columns} rows={rows} getRowKey={(row) => row.id} />
읽기 중심의 업무 데이터를 시맨틱 표와 명확한 셀 경계로 구성한다.
읽기 중심의 업무 데이터를 시맨틱 표와 명확한 셀 경계로 구성한다.
| 업무 | 상태 |
|---|---|
| 계약 변경 | 검토 중 |
| 예산 이관 | 승인 |
<Table columns={columns} rows={rows} getRowKey={(row) => row.id} />