AXDGProps
AXDataGrid 컴포넌트에 전달하는 최상위 props입니다.
export interface AXDGProps<T>| Member | Type | 설명 |
|---|---|---|
widthrequired | number | 그리드 또는 해당 항목의 너비입니다. |
heightrequired | number | 그리드의 전체 높이입니다. |
headerHeightoptional | number | 컬럼 헤더 영역 높이입니다. |
footerHeightoptionaldeprecated | number | 더 이상 권장되지 않습니다. bottomBarHeight를 사용하세요. |
bottomBarHeightoptional | number | 상태 및 페이지네이션이 배치되는 하단 바 높이입니다. |
summaryHeightoptional | number | 요약 행 높이입니다. |
itemHeightoptional | number | 데이터 행의 기준 높이입니다. |
itemPaddingoptional | number | 행 높이를 계산할 때 적용하는 내부 여백입니다. |
frozenColumnIndexoptional | number | 이 인덱스 앞의 컬럼을 왼쪽에 고정합니다. |
frozenRowCountoptional | number | 현재 표시 데이터의 앞쪽 행을 상단에 고정합니다. 상단 Summary가 있으면 그 다음 줄부터 배치됩니다. |
columnsrequired | AXDGColumnWithOptionalWidth<T>[] | 그리드에 표시할 컬럼 정의 배열입니다. |
columnsGroupoptionaldeprecated | AXDGColumnGroup[] | 더 이상 권장되지 않는 인덱스 범위 방식의 그룹 헤더 배열입니다. |
columnGroupsoptional | AXDGColumnGroupNode[] | 컬럼 ID를 참조하는 재귀적 다단 그룹 헤더 트리입니다. |
onChangeColumnsoptional | (columnIndex: number | null, info: AXDGChangeColumnsInfo<T>) => void | 컬럼 너비 또는 순서가 바뀔 때 호출됩니다. |
dataoptional | AXDGDataItem<T>[] | AXDGDataItem으로 감싼 행 데이터 배열입니다. |
onChangeDataoptional | (
index: number,
columnIndex: number | null,
item: T,
column: AXDGColumn<T> | null,
meta?: AXDGChangeDataMeta<T>,
) => void | 편집으로 행 데이터가 바뀔 때 source index와 선택적 트랜잭션 metadata를 전달합니다. |
pageoptional | AXDGPage | 페이지 상태와 변경 콜백입니다. |
enableLoadMoreoptional | boolean | 스크롤 끝에서 추가 데이터 로드를 활성화합니다. |
onLoadMoreoptional | (params: { scrollLeft: number; scrollTop: number }) => void | 추가 데이터를 요청해야 할 때 호출됩니다. |
endLoadMoreRenderoptional | () => React.ReactNode | 추가 로드가 끝난 위치에 표시할 콘텐츠입니다. |
scrollbaroptional | AXDGScrollbarOptions | 가로·세로 스크롤바의 표시와 변형을 설정합니다. |
statusoptional | AXDGStatusOptions | 행 변경 상태 또는 표시 상태 설정입니다. |
paginationoptional | AXDGPaginationViewOptions | 하단 페이지네이션 UI를 설정합니다. |
classNameoptional | string | 요소에 추가할 CSS 클래스 이름입니다. |
styleoptional | React.CSSProperties | 요소에 추가할 React 인라인 스타일입니다. |
loadingoptional | boolean | 데이터 로딩 오버레이를 표시합니다. |
spinningoptional | boolean | 로딩 표시의 회전 상태를 제어합니다. |
scrollTopoptional | number | 외부에서 지정하는 세로 스크롤 위치입니다. |
scrollLeftoptional | number | 외부에서 지정하는 가로 스크롤 위치입니다. |
rowCheckedoptional | AXDGRowChecked<T> | 체크박스 또는 라디오 행 선택을 설정합니다. |
sortoptional | AXDGSortInfo | 제어형 컬럼 정렬 상태를 설정합니다. |
onClickoptional | (params: AXDGClickParams<T>) => void | 해당 셀 또는 아이콘의 클릭 상호작용이 발생할 때 호출됩니다. |
msgoptional | {
emptyList?: string;
} | 빈 데이터 등 그리드 메시지를 바꿉니다. |
rowKeyoptional | React.Key | React.Key[] | 행의 고유 키를 읽을 필드 경로입니다. |
selectedRowKeyoptional | React.Key | React.Key[] | 선택 강조할 행의 키입니다. |
editableoptional | boolean | 그리드 편집 기능을 활성화합니다. |
editTriggeroptional | AXDGEditTrigger | 셀 편집 진입을 클릭 또는 더블클릭으로 선택합니다. 기본값은 dblclick입니다. |
showLineNumberoptional | boolean | 왼쪽에 행 번호 컬럼을 표시합니다. |
getRowClassNameoptional | (ri: number, item: AXDGDataItem<T>) => string | undefined | 행 상태에 따라 CSS 클래스 이름을 반환합니다. |
cellMergeOptionsoptional | {
columnsMap: Record<number, AXDGCellMergeColumn>;
} | 연속된 동일 값 셀의 병합 기준을 설정합니다. |
cellSelectionOptionsoptional | {
enabled?: boolean;
clearOnEscape?: boolean;
clearOnOutsideClick?: boolean;
maxClipboardCells?: number;
maxClipboardTextLength?: number;
onCopyError?: (error: AXDGCellSelectionCopyError) => void;
onPasteError?: (error: AXDGCellSelectionPasteError) => void;
/** Creates missing trailing rows while pasting. Returned rows are always marked as `new`. */
createRowOnPaste?: (context: AXDGCellSelectionPasteRowContext<T>) => AXDGDataItem<T> | undefined;
} | 셀 범위 선택과 표 형태 복사·붙여넣기 제한을 설정합니다. |
cellNavigationOptionsoptional | AXDGCellNavigationOptions | 활성 셀과 키보드 이동·편집·클릭 활성화 정책을 설정합니다. |
variantoptional | 'default' | 'vertical-bordered' | 그리드 테두리 표현 변형을 선택합니다. |
summaryoptional | {
columns: AXDGSummaryColumn<T>[];
position: 'top' | 'bottom';
} | 상단 또는 하단 요약 행을 설정합니다. |
columnSortableoptional | boolean | 컬럼 드래그 순서 변경을 활성화합니다. |
reorderoptional | AXDGReorderInfo<T> | 행 드래그 순서 변경을 설정합니다. |
reorderingInfooptional | AXDGReorderingInfo | 외부에서 현재 행 드래그 위치를 전달합니다. |
pivotoptional | AXDGPivotOptions<T> | 피벗 데이터 변환과 표시를 설정합니다. |
dataControloptional | AXDGDataControl | 정렬·필터 쿼리의 처리 방식을 제어합니다. |
iconsoptional | AXDGToolboxIcons | 컬럼 툴박스 아이콘을 교체합니다. |