InlineEditTable

shell

인라인 편집 테이블. 더블클릭으로 셀 편집, Enter 확정, Escape 취소.

깊이

100%

Name	Email
Alice	alice@example.com
Bob	bob@example.com

2026년 2월 4일

생성된 테스트 결과를 찾지 못했습니다.

InlineEditTable 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

Prop	타입	기본값	설명
`data`*	`T[]`	—	행 데이터 배열
`columns`*	`InlineEditColumnDef<T>[]`	—	컬럼 정의 (editable 플래그 포함)
`keyExtractor`*	`(row: T) => string`	—	행 키 추출기
`onCellEdit`	`(rowId: string, columnId: string, value: string) => void`	—	셀 편집 확정 콜백
`className`	`string`	—	커스텀 CSS 클래스

tsx

import { InlineEditTable } from "@reopt-ai/opt-ui";