Components · Display
Table
데이터 테이블. 행 hover로 light-grey 강조. 헤더는 작은 영문 caps (Satoshi).
Preview
| 주차 | 주제 | 형식 | 상태 |
|---|---|---|---|
| 1 | 오리엔테이션 | 대면 | 완료 |
| 2 | 프롬프트의 기본 | 대면 | 완료 |
| 3 | 실무 적용 1 | 대면 + 온라인 | 진행 중 |
| 4 | 실무 적용 2 | 대면 | 예정 |
Usage
<table class="table-bss">
<thead><tr><th>주차</th><th>주제</th></tr></thead>
<tbody>
<tr><td>1</td><td>오리엔테이션</td></tr>
</tbody>
</table>Rules
DO
- 수치 정렬은 우측, 텍스트는 좌측.
- 상태 컬럼에 Status dot 사용.
DON'T
- 행 간 1px 보더 외 굵은 선 금지.