기본 사용
컬럼 정의와 데이터만 전달해서 그리드를 그립니다. 좌/중/우 align 지원.
| ID | 상품명 | 카테고리 | 가격 | 재고 |
|---|---|---|---|---|
| 1 | 사과 | 과일 | 3500 | 120 |
| 2 | 바나나 | 과일 | 2800 | 85 |
| 3 | 체리 | 과일 | 12000 | 30 |
| 4 | 당근 | 채소 | 1500 | 200 |
| 5 | 브로콜리 | 채소 | 2400 | 60 |
| 6 | 감자 | 채소 | 900 | 500 |
| 7 | 쌀 | 곡물 | 45000 | 25 |
| 8 | 귀리 | 곡물 | 9800 | 40 |
API
GridProps
| Property | Type | 기본값 | 설명 |
|---|---|---|---|
| columns | GridColumn<TRow>[] | 필수 | 컬럼 정의 배열 |
| data | TRow[] | 필수 | 행 데이터 배열 |
| getRowId | (row, idx) => string | number | - | 행 키 추출. 편집/선택/트리 사용 시 필수 권장 |