제네릭 데이터 테이블. 동적 컬럼, 결측값 안전 정렬, 키보드 컬럼 리사이즈, 보정된 인라인 진행률과 Composite 탐색을 지원합니다.
| 이름 | 이메일 | 역할 | 상태 | 완료율 |
|---|---|---|---|---|
| 김철수 | kim@example.com | Admin | 활성 | 0.82 |
| 이영희 | lee@example.com | Editor | 활성 | 1.2 |
| 박민수 | park@example.com | Viewer | 비활성 | — |
| 최지은 | choi@example.com | Editor | 활성 | -0.15 |
| 정우성 | jung@example.com | Viewer | 활성 | 0.46 |
헤더를 눌러 정렬하고, 컬럼 경계에 포커스한 뒤 ←/→(Shift는 40px)로 너비를 바꿀 수 있습니다. 완료율은 범위를 벗어나거나 NaN이어도 0–100% 사이로 안전하게 표시됩니다.
| 키 | 동작 |
|---|---|
| ↑ ↓ | 행 탐색 |
| ← → | 셀 탐색 |
| Enter / Space | 정렬 가능한 헤더 또는 행 활성화 |
| 리사이즈 핸들: ← → | 컬럼 너비를 10px 단위로 조절 |
| 리사이즈 핸들: Shift+← Shift+→ | 컬럼 너비를 40px 단위로 조절 |
| 리사이즈 핸들: Home / End | 컬럼 너비를 최솟값/최댓값으로 이동 |
| Name | Size | Type |
|---|---|---|
src | — | folder |
index.ts | 2.1 KB | file |
utils | — | folder |
package.json | 1.2 KB | file |
| Name | |
|---|---|
| Alice | alice@example.com |
| Bob | bob@example.com |
| Domain | Status | SSL | Redirect | Added |
|---|---|---|---|---|
| example.com | Active | Valid | — | 2024-01-15 |
| www.example.com | Active | Valid | example.com | 2024-01-15 |
| api.example.com | Active | Valid | — | 2024-02-01 |
| staging.example.com | Pending | Pending | — | 2024-03-01 |
| old.example.com | Error | Expired | — | 2023-06-01 |
| # | user_id | event | timestamp | properties |
|---|---|---|---|---|
| 1 | usr_001 | page_view | 2026-02-05 10:23:01 | {"path":"/home"} |
| 2 | usr_002 | click | 2026-02-05 10:23:05 | {"button":"signup"} |
| 3 | usr_001 | purchase | 2026-02-05 10:24:12 | {"amount":49} |
| 4 | usr_003 | page_view | 2026-02-05 10:25:00 | {"path":"/pricing"} |
쿼리를 실행하고 있습니다...
warehouse connection timed out
조건에 맞는 결과가 없습니다
Setup CI
Alice
Write tests
Bob
Build UI
Charlie