행 추가 · 삭제 · 다중 셀 선택
행 추가 (above/below active) · 선택 행 삭제 · 다중 셀 드래그 선택 + Delete로 클리어.
행 추가:
행/셀 삭제:
💡 단일 셀 클릭 또는 드래그로 여러 셀 선택 (사각형 영역). Delete 키로 선택 셀 값 클리어 (그리드 컨테이너 포커스 필요 — 클릭하면 자동 포커스).
| ID | Charge | Complete(%) | Start Date | End Date |
|---|---|---|---|---|
| 1 | Lawrence | 62 | 2024/02/01 | 2024/08/21 |
| 2 | Anna | 99 | 2024/02/01 | 2024/03/31 |
| 3 | Steve | 50 | 2024/03/01 | 2024/05/31 |
API
GridProps
| Property | Type | 기본값 | 설명 |
|---|---|---|---|
| cellSelection | 'none' | 'single' | 'multi' | 'single' | 셀 선택 모드 |
| clearOnDelete | boolean | false | Delete/Backspace 키로 선택 셀 값 클리어 |
GridHandle
| 메서드 | 반환 | 설명 |
|---|---|---|
| addRow(row, position) | void | 행 추가: 'first' | 'last' | 'above-active' | 'below-active' |
| removeSelectedRows() | void | 셀 선택된 행을 모두 삭제 bucket으로 |
| clearSelectedCells() | void | 셀 선택된 셀의 값을 빈 문자열로 |