TypeScript API Reference

Public interfaces & types

@axboot/datagrid 사용자가 직접 구성하거나 콜백에서 받는 공개 타입을 라이브러리 소스와 같은 시그니처로 설명합니다.

77개 공개 타입을 제공합니다. Zustand store와 렌더링 구현에만 쓰는AppModel, AppActions 등의 내부 타입은 사용 API에서 제외했습니다.

핵심 컴포넌트 타입

AXDGProps

interfacesource ↗

AXDataGrid 컴포넌트에 전달하는 최상위 props입니다.

export interface AXDGProps<T>
MemberType설명
width
required
number그리드 또는 해당 항목의 너비입니다.
height
required
number그리드의 전체 높이입니다.
headerHeight
optional
number컬럼 헤더 영역 높이입니다.
footerHeight
optionaldeprecated
number더 이상 권장되지 않습니다. bottomBarHeight를 사용하세요.
bottomBarHeight
optional
number상태 및 페이지네이션이 배치되는 하단 바 높이입니다.
summaryHeight
optional
number요약 행 높이입니다.
itemHeight
optional
number데이터 행의 기준 높이입니다.
itemPadding
optional
number행 높이를 계산할 때 적용하는 내부 여백입니다.
frozenColumnIndex
optional
number이 인덱스 앞의 컬럼을 왼쪽에 고정합니다.
frozenRowCount
optional
number현재 표시 데이터의 앞쪽 행을 상단에 고정합니다. 상단 Summary가 있으면 그 다음 줄부터 배치됩니다.
columns
required
AXDGColumnWithOptionalWidth<T>[]그리드에 표시할 컬럼 정의 배열입니다.
columnsGroup
optionaldeprecated
AXDGColumnGroup[]더 이상 권장되지 않는 인덱스 범위 방식의 그룹 헤더 배열입니다.
columnGroups
optional
AXDGColumnGroupNode[]컬럼 ID를 참조하는 재귀적 다단 그룹 헤더 트리입니다.
onChangeColumns
optional
(columnIndex: number | null, info: AXDGChangeColumnsInfo<T>) => void컬럼 너비 또는 순서가 바뀔 때 호출됩니다.
data
optional
AXDGDataItem<T>[]AXDGDataItem으로 감싼 행 데이터 배열입니다.
onChangeData
optional
( index: number, columnIndex: number | null, item: T, column: AXDGColumn<T> | null, meta?: AXDGChangeDataMeta<T>, ) => void편집으로 행 데이터가 바뀔 때 source index와 선택적 트랜잭션 metadata를 전달합니다.
page
optional
AXDGPage페이지 상태와 변경 콜백입니다.
enableLoadMore
optional
boolean스크롤 끝에서 추가 데이터 로드를 활성화합니다.
onLoadMore
optional
(params: { scrollLeft: number; scrollTop: number }) => void추가 데이터를 요청해야 할 때 호출됩니다.
endLoadMoreRender
optional
() => React.ReactNode추가 로드가 끝난 위치에 표시할 콘텐츠입니다.
scrollbar
optional
AXDGScrollbarOptions가로·세로 스크롤바의 표시와 변형을 설정합니다.
status
optional
AXDGStatusOptions행 변경 상태 또는 표시 상태 설정입니다.
pagination
optional
AXDGPaginationViewOptions하단 페이지네이션 UI를 설정합니다.
className
optional
string요소에 추가할 CSS 클래스 이름입니다.
style
optional
React.CSSProperties요소에 추가할 React 인라인 스타일입니다.
loading
optional
boolean데이터 로딩 오버레이를 표시합니다.
spinning
optional
boolean로딩 표시의 회전 상태를 제어합니다.
scrollTop
optional
number외부에서 지정하는 세로 스크롤 위치입니다.
scrollLeft
optional
number외부에서 지정하는 가로 스크롤 위치입니다.
rowChecked
optional
AXDGRowChecked<T>체크박스 또는 라디오 행 선택을 설정합니다.
sort
optional
AXDGSortInfo제어형 컬럼 정렬 상태를 설정합니다.
onClick
optional
(params: AXDGClickParams<T>) => void해당 셀 또는 아이콘의 클릭 상호작용이 발생할 때 호출됩니다.
msg
optional
{ emptyList?: string; }빈 데이터 등 그리드 메시지를 바꿉니다.
rowKey
optional
React.Key | React.Key[]행의 고유 키를 읽을 필드 경로입니다.
selectedRowKey
optional
React.Key | React.Key[]선택 강조할 행의 키입니다.
editable
optional
boolean그리드 편집 기능을 활성화합니다.
editTrigger
optional
AXDGEditTrigger셀 편집 진입을 클릭 또는 더블클릭으로 선택합니다. 기본값은 dblclick입니다.
showLineNumber
optional
boolean왼쪽에 행 번호 컬럼을 표시합니다.
getRowClassName
optional
(ri: number, item: AXDGDataItem<T>) => string | undefined행 상태에 따라 CSS 클래스 이름을 반환합니다.
cellMergeOptions
optional
{ columnsMap: Record<number, AXDGCellMergeColumn>; }연속된 동일 값 셀의 병합 기준을 설정합니다.
cellSelectionOptions
optional
{ 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; }셀 범위 선택과 표 형태 복사·붙여넣기 제한을 설정합니다.
cellNavigationOptions
optional
AXDGCellNavigationOptions활성 셀과 키보드 이동·편집·클릭 활성화 정책을 설정합니다.
variant
optional
'default' | 'vertical-bordered'그리드 테두리 표현 변형을 선택합니다.
summary
optional
{ columns: AXDGSummaryColumn<T>[]; position: 'top' | 'bottom'; }상단 또는 하단 요약 행을 설정합니다.
columnSortable
optional
boolean컬럼 드래그 순서 변경을 활성화합니다.
reorder
optional
AXDGReorderInfo<T>행 드래그 순서 변경을 설정합니다.
reorderingInfo
optional
AXDGReorderingInfo외부에서 현재 행 드래그 위치를 전달합니다.
pivot
optional
AXDGPivotOptions<T>피벗 데이터 변환과 표시를 설정합니다.
dataControl
optional
AXDGDataControl정렬·필터 쿼리의 처리 방식을 제어합니다.
icons
optional
AXDGToolboxIcons컬럼 툴박스 아이콘을 교체합니다.

AXDGColumn

interfacesource ↗

한 개 데이터 컬럼의 키, 제목, 너비, 렌더링 및 편집 동작을 정의합니다.

export interface AXDGColumn<T>
MemberType설명
id
optional
string타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
key
required
string | string[]행 값에서 읽을 필드 이름 또는 중첩 경로입니다.
label
required
ReactNode화면에 표시할 제목입니다.
width
required
number그리드 또는 해당 항목의 너비입니다.
align
optional
AlignDirection본문 셀 콘텐츠의 가로 정렬입니다.
headerAlign
optional
AlignDirection헤더 콘텐츠의 가로 정렬입니다.
sortDisable
optional
boolean해당 컬럼의 정렬을 비활성화합니다.
className
optional
string요소에 추가할 CSS 클래스 이름입니다.
getClassName
optional
(item: AXDGDataItem<T>) => string데이터에 따라 CSS 클래스 이름을 반환합니다.
headerClassName
optional
string헤더 셀에 추가할 CSS 클래스 이름입니다.
headerStyle
optional
React.CSSProperties헤더 셀에 적용할 React 인라인 스타일입니다.
itemRender
optional
React.FC<AXDGItemRenderProps<T>>셀 콘텐츠를 렌더링하는 React 컴포넌트입니다.
editor
optional
AXDGCellEditorConfig<T>내장 text 또는 plugin 셀 편집기를 연결합니다.
editTrigger
optional
AXDGEditTrigger셀 편집 진입을 클릭 또는 더블클릭으로 선택합니다. 기본값은 dblclick입니다.
editorIcon
optional
AXDGEditorIconConfig<T>셀 값 옆에 editor 시작 또는 독립 callback 아이콘을 연결합니다.
onChangeValue
optional
(params: AXDGChangeValueParams<T>) => void | Promise<void>editor가 제안한 변경을 검증·보정한 뒤 commit 또는 cancel하는 컬럼 hook입니다.
getClipboardText
optional
(params: AXDGCellClipboardTextParams<T>) => any클립보드에 복사할 값을 반환합니다.
editable
optional
boolean그리드 편집 기능을 활성화합니다.
toolbox
optional
boolean | AXDGToolboxConfig<T>컬럼 툴박스의 사용 여부 또는 상세 설정입니다.
filter
optional
false | AXDGColumnFilterConfig<T>컬럼 필터의 사용 여부 또는 상세 설정입니다.
sortComparator
optional
( a: unknown, b: unknown, params: { column: AXDGColumn<T>; aItem: AXDGDataItem<T>; bItem: AXDGDataItem<T>; }, ) => number클라이언트 정렬에 사용할 비교 함수입니다.

AXDGDataItem

원본 행 값과 그리드 상태를 함께 전달하는 행 래퍼 타입입니다.

export type AXDGDataItem<T> = {
  values: T;
  status?: AXDGDataItemStatus;
  /** Column instances directly edited since the data owner last cleared the edit state. */
  editedColumnIds?: string[];
  /** Stable key tokens whose underlying values changed since the data owner last cleared the change state. */
  changedKeys?: string[];
  checked?: boolean;
  parentItemIndex?: number;
  meta?: Record<string, any>;
};

AlignDirection

셀 또는 헤더 콘텐츠의 가로 정렬 방향입니다.

export type AlignDirection = 'left' | 'center' | 'right';

AXDGCellClipboardTextParams

interfacesource ↗

getClipboardText에서 복사 문자열을 만들 때 사용하는 셀 컨텍스트입니다.

export interface AXDGCellClipboardTextParams<T>
MemberType설명
column
required
AXDGColumn<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
index
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
columnIndex
required
number컬럼 배열 기준의 절대 컬럼 인덱스입니다.
item
required
AXDGDataItem<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
values
required
T원본 행 값 또는 집계 대상 값입니다.
value
required
any현재 셀 또는 필터의 값입니다.

AXDGColumnWithOptionalWidth

최상위 columns prop에서 width를 생략할 수 있게 만든 컬럼 입력 타입입니다.

export type AXDGColumnWithOptionalWidth<T> = Partial<Pick<AXDGColumn<T>, 'width'>> & Omit<AXDGColumn<T>, 'width'>;

AXDGDataItemStatus

행의 신규·수정·삭제 상태를 나타냅니다.

export enum AXDGDataItemStatus
MemberType설명
new
required
number열거형 값입니다.
edit
required
number열거형 값입니다.
remove
required
number열거형 값입니다.

AXDGItemRenderProps

interfacesource ↗

컬럼 itemRender에 전달되는 셀 렌더링 컨텍스트입니다.

export interface AXDGItemRenderProps<T>
MemberType설명
column
required
AXDGColumn<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
index
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
columnIndex
required
number컬럼 배열 기준의 절대 컬럼 인덱스입니다.
item
required
AXDGDataItem<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
values
required
T원본 행 값 또는 집계 대상 값입니다.
value
required
any현재 셀 또는 필터의 값입니다.
editable
optional
boolean그리드 편집 기능을 활성화합니다.
handleSave
optional
(value: any, columnDirection?: MoveDirection, rowDirection?: MoveDirection) => void타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
handleCancel
optional
() => void타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
handleMove
optional
(columnDirection: MoveDirection, rowDirection: MoveDirection) => void타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

MoveDirection

편집 중 다음 셀로 이동할 방향입니다.

export type MoveDirection = 'prev' | 'next' | 'current';

데이터와 이벤트

AXDGChangeColumnsInfo

interfacesource ↗

컬럼 너비나 순서 변경 뒤 전달되는 컬럼 상태입니다.

export interface AXDGChangeColumnsInfo<T>
MemberType설명
width
optional
number그리드 또는 해당 항목의 너비입니다.
columns
required
AXDGColumn<T>[]그리드에 표시할 컬럼 정의 배열입니다.
columnsGroup
optional
AXDGColumnGroup[]더 이상 권장되지 않는 인덱스 범위 방식의 그룹 헤더 배열입니다.
columnGroups
optional
AXDGColumnGroupNode[]컬럼 ID를 참조하는 재귀적 다단 그룹 헤더 트리입니다.

AXDGChangeDataMeta

interfacesource ↗

onChangeData에 전달되는 실제 변경 목록과 병합 트랜잭션 범위입니다.

export interface AXDGChangeDataMeta<T>
MemberType설명
source
required
AXDGEditSource편집 요청을 시작한 입력 경로입니다.
originColumn
required
AXDGColumn<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
changes
required
readonly AXDGCellValueChange<T>[]key 또는 columnId로 식별한 컬럼 변경 목록입니다.
dataItem
required
AXDGDataItem<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
transaction
required
{ merged: boolean; canonicalCell: AXDGCellAddress; visibleIndexes: readonly number[]; sourceIndexes: readonly number[]; }타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGClickParams

interfacesource ↗

셀 클릭 콜백에 전달되는 행과 컬럼 정보입니다.

export interface AXDGClickParams<T>
MemberType설명
index
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
columnIndex
required
number컬럼 배열 기준의 절대 컬럼 인덱스입니다.
item
required
T타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
column
required
AXDGColumn<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGPage

interfacesource ↗

페이지 번호, 크기, 전체 개수와 페이지 변경 콜백을 정의합니다.

export interface AXDGPage
MemberType설명
currentPage
optional
number현재 페이지 번호입니다.
pageSize
optional
number페이지 또는 PageUp/PageDown 이동 단위의 행 수입니다.
totalPages
optional
number전체 페이지 수입니다.
totalElements
optional
number전체 데이터 행 수입니다.
loading
optional
boolean데이터 로딩 오버레이를 표시합니다.
onChange
optional
(currentPage: number, pageSize?: number) => void상태가 변경될 때 호출됩니다.
displayPaginationLength
optional
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
statusRender
optional
() => void타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
paginationRender
optional
() => void타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGProcessedRow

interfacesource ↗

정렬·필터 처리 후 원본 인덱스를 보존하는 처리 행입니다.

export interface AXDGProcessedRow<T>
MemberType설명
item
required
AXDGDataItem<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
sourceIndex
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
rowKey
optional
React.Key행의 고유 키를 읽을 필드 경로입니다.

AXDGRowChecked

interfacesource ↗

체크박스 또는 라디오 방식의 행 선택 상태와 변경 콜백입니다.

export interface AXDGRowChecked<T>
MemberType설명
isRadio
optional
boolean타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
checkedIndexes
optional
number[]선택한 행의 현재 표시 인덱스 배열입니다.
checkedRowKeys
optional
React.Key[]선택한 행의 rowKey 값 배열입니다.
disabled
optional
(index: number, item: AXDGDataItem<T>) => boolean해당 항목의 상호작용 비활성 여부입니다.
onChange
required
(checkedIndexes: number[], checkedRowKeys: React.Key[], checkedAll?: CheckedAll) => void상태가 변경될 때 호출됩니다.

CheckedAll

전체 선택 상태를 선택·해제·부분 선택으로 표현합니다.

export type CheckedAll = true | false | 'indeterminate';

정렬·필터·툴박스

AXDGColumnFilterConfig

interfacesource ↗

컬럼별 필터 형식, 값 추출 및 사용자 조건식을 정의합니다.

export interface AXDGColumnFilterConfig<T>
MemberType설명
type
required
'values' | 'text' | 'number'판별 가능한 설정 또는 이벤트 종류입니다.
caseSensitive
optional
boolean타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
values
optional
AXDGFilterValue[]원본 행 값 또는 집계 대상 값입니다.
getValue
optional
(item: AXDGDataItem<T>) => unknown타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
predicate
optional
(params: { item: AXDGDataItem<T>; value: unknown; filter: AXDGFilterParam }) => boolean타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
formatValue
optional
(value: unknown) => React.ReactNode셀 값을 text input 문자열로 변환합니다.
maxValueListItems
optional
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGDataControl

interfacesource ↗

클라이언트 처리 또는 수동 서버 처리 방식의 데이터 쿼리를 제어합니다.

export interface AXDGDataControl
MemberType설명
mode
optional
'manual' | 'client'쿼리를 수동 처리할지 클라이언트에서 처리할지 선택합니다.
multiSort
optional
boolean여러 컬럼 동시 정렬을 허용합니다.
query
required
AXDGDataQuery현재 정렬 및 필터 쿼리입니다.
onChange
required
(query: AXDGDataQuery, event: AXDGDataQueryChangeEvent) => void상태가 변경될 때 호출됩니다.

AXDGDataQuery

interfacesource ↗

현재 적용된 정렬 및 필터 조건 전체입니다.

export interface AXDGDataQuery
MemberType설명
sortParams
required
AXDGSortParam[]현재 적용된 정렬 조건 배열입니다.
filterParams
required
AXDGFilterParam[]현재 적용된 필터 조건 배열입니다.

AXDGDataQueryChangeEvent

interfacesource ↗

데이터 쿼리가 변경된 원인과 대상 컬럼을 설명합니다.

export interface AXDGDataQueryChangeEvent
MemberType설명
type
required
'sort' | 'filter'판별 가능한 설정 또는 이벤트 종류입니다.
columnId
required
string타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
action
required
'apply' | 'clear'타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGFilterOperator

텍스트 및 숫자 필터에서 지원하는 비교 연산자입니다.

export type AXDGFilterOperator = 'contains' | 'equals' | 'notEquals' | 'gt' | 'gte' | 'lt' | 'lte' | 'between';

AXDGFilterParam

값·텍스트·숫자 필터 조건의 판별 유니온입니다.

export type AXDGFilterParam =
  | (AXDGFilterParamBase & {
      type: 'values';
      values: AXDGFilterValue[];
    })
  | (AXDGFilterParamBase & {
      type: 'text';
      operator: 'contains' | 'equals' | 'notEquals';
      value: string;
    })
  | (AXDGFilterParamBase & {
      type: 'number';
      operator: Exclude<AXDGFilterOperator, 'contains'>;
      value?: number;
      min?: number;
      max?: number;
    });

AXDGFilterValue

값 목록 필터에서 사용할 수 있는 원시 값입니다.

export type AXDGFilterValue = string | number | boolean | null;

AXDGSortInfo

interfacesource ↗

제어형 정렬 상태와 변경 콜백입니다.

export interface AXDGSortInfo
MemberType설명
multiSort
optional
boolean여러 컬럼 동시 정렬을 허용합니다.
sortParams
required
AXDGSortParam[]현재 적용된 정렬 조건 배열입니다.
onChange
required
(sortParams: AXDGSortParam[]) => void상태가 변경될 때 호출됩니다.

AXDGSortParam

interfacesource ↗

한 컬럼의 정렬 키와 방향입니다.

export interface AXDGSortParam
MemberType설명
columnId
optional
string타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
key
optional
string행 값에서 읽을 필드 이름 또는 중첩 경로입니다.
index
optional
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
orderBy
required
'asc' | 'desc'오름차순 또는 내림차순 방향입니다.

AXDGToolboxConfig

interfacesource ↗

컬럼별 정렬·필터 툴박스 기능과 사용자 UI를 설정합니다.

export interface AXDGToolboxConfig<T>
MemberType설명
sort
optional
boolean제어형 컬럼 정렬 상태를 설정합니다.
filter
optional
boolean컬럼 필터의 사용 여부 또는 상세 설정입니다.
icons
optional
AXDGToolboxIcons컬럼 툴박스 아이콘을 교체합니다.
extraItems
optional
AXDGToolboxItem<T>[]타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
render
optional
React.FC<AXDGToolboxRenderProps<T>>셀 문맥으로 편집 아이콘 React 노드를 렌더링합니다.

AXDGToolboxIcons

interfacesource ↗

정렬·필터 툴박스의 아이콘을 교체하는 슬롯입니다.

export interface AXDGToolboxIcons
MemberType설명
sortAsc
optional
React.ReactNode타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
sortDesc
optional
React.ReactNode타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
filter
optional
React.ReactNode컬럼 필터의 사용 여부 또는 상세 설정입니다.
filterBadge
optional
React.ReactNode타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
dropdown
optional
React.ReactNode타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
sortClear
optional
React.ReactNode타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGToolboxItem

interfacesource ↗

컬럼 툴박스에 추가할 사용자 작업 항목입니다.

export interface AXDGToolboxItem<T>
MemberType설명
id
required
string타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
label
required
React.ReactNode화면에 표시할 제목입니다.
disabled
optional
boolean해당 항목의 상호작용 비활성 여부입니다.
onClick
required
(params: { column: AXDGColumn<T>; columnId: string; columnIndex: number }) => void해당 셀 또는 아이콘의 클릭 상호작용이 발생할 때 호출됩니다.

AXDGToolboxRenderProps

interfacesource ↗

사용자 정의 컬럼 툴박스 렌더러에 전달되는 컨텍스트입니다.

export interface AXDGToolboxRenderProps<T>
MemberType설명
column
required
AXDGColumn<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
columnId
required
string타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
columnIndex
required
number컬럼 배열 기준의 절대 컬럼 인덱스입니다.
close
required
() => void타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

선택과 편집

AXDGCellAddress

interfacesource ↗

활성 셀의 절대 행·컬럼 인덱스를 나타냅니다.

export interface AXDGCellAddress
MemberType설명
rowIndex
required
number데이터 배열 기준의 절대 행 인덱스입니다.
columnIndex
required
number컬럼 배열 기준의 절대 컬럼 인덱스입니다.

AXDGCellCommitController

interfacesource ↗

변경 목록을 저장하거나 현재 편집 상호작용을 취소합니다.

export interface AXDGCellCommitController<T>
MemberType설명
commit
required
(changes: readonly AXDGCellValueChange<T>[], options?: AXDGCommitOptions) => Promise<void>한 개 이상의 컬럼 변경 목록을 원자적으로 저장하고 편집을 종료합니다.
cancel
required
() => void값을 저장하지 않고 편집을 종료합니다.

AXDGCellEditorConfig

내장 text 또는 plugin 편집기를 구분하는 컬럼 editor 설정입니다.

export type AXDGCellEditorConfig<T> = AXDGTextEditorConfig<T> | AXDGPluginEditorConfig<T>;

AXDGCellEditSession

interfacesource ↗

현재 편집 셀과 시작 모드, 원래 값을 나타내는 편집 세션입니다.

export interface AXDGCellEditSession extends AXDGCellInteractionSessionBase
MemberType설명
kind
required
'editor'타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
mode
required
'preserve' | 'replace'쿼리를 수동 처리할지 클라이언트에서 처리할지 선택합니다.
activation
required
AXDGCellEditActivation타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
originalValue
required
unknown편집 시작 시점의 원래 셀 값입니다.

AXDGCellMoveDirection

활성 셀을 이동할 키보드 방향과 경계 이동 종류입니다.

export type AXDGCellMoveDirection =
  | 'up'
  | 'down'
  | 'left'
  | 'right'
  | 'home'
  | 'end'
  | 'pageUp'
  | 'pageDown'
  | 'first'
  | 'last'
  | 'next'
  | 'prev';

AXDGCellNavigationOptions

interfacesource ↗

활성 셀의 제어 상태와 키보드 이동·편집·클릭 활성화 정책을 설정합니다.

export interface AXDGCellNavigationOptions
MemberType설명
enabled
optional
boolean기능 활성화 여부입니다.
activeCell
optional
AXDGCellAddress외부에서 제어하는 현재 활성 셀 주소입니다.
defaultActiveCell
optional
AXDGCellAddress비제어 모드의 초기 활성 셀 주소입니다.
onActiveCellChange
optional
(cell?: AXDGCellAddress) => void활성 셀 이동을 요청하거나 내부 활성 셀이 바뀔 때 호출됩니다.
wrap
optional
boolean경계에서 반대쪽 셀로 순환할지 설정합니다.
editOnEnter
optional
booleanEnter 키로 활성 셀의 편집을 시작할지 설정합니다. 비활성화하면 onClick 콜백을 실행합니다.

AXDGCellSelectionCopyError

interfacesource ↗

셀 복사 제한 또는 Clipboard API 오류 정보입니다.

export interface AXDGCellSelectionCopyError
MemberType설명
reason
required
AXDGCellSelectionCopyErrorReason타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
actual
optional
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
limit
optional
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
selectedCellCount
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
maxClipboardCells
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
maxClipboardTextLength
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
error
optional
unknown타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGCellSelectionCopyErrorReason

셀 복사가 실패한 원인을 구분하는 문자열 유니온입니다.

export type AXDGCellSelectionCopyErrorReason = 'maxClipboardCells' | 'maxClipboardTextLength' | 'clipboardWriteFailed';

AXDGCellSelectionRange

interfacesource ↗

셀 선택 영역의 시작과 끝 행·컬럼 인덱스입니다.

export interface AXDGCellSelectionRange
MemberType설명
startRowIndex
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
startColumnIndex
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
endRowIndex
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
endColumnIndex
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGCellValueChange

key 또는 columnId로 지정하는 한 컬럼의 변경 제안입니다.

export type AXDGCellValueChange<T> =
  | {
      key: AXDGColumn<T>['key'];
      columnId?: never;
      value: unknown;
    }
  | {
      columnId: string;
      key?: never;
      value: unknown;
    };

AXDGChangeValueParams

interfacesource ↗

컬럼 onChangeValue에 전달되는 변경 제안, 행 범위 및 최종 commit controller입니다.

export interface AXDGChangeValueParams<T> extends AXDGCellCommitController<T>
MemberType설명
source
required
AXDGEditSource편집 요청을 시작한 입력 경로입니다.
column
required
AXDGColumn<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
index
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
columnIndex
required
number컬럼 배열 기준의 절대 컬럼 인덱스입니다.
item
required
AXDGDataItem<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
values
required
T원본 행 값 또는 집계 대상 값입니다.
nextValues
required
T제안된 변경을 immutable하게 미리 적용한 행 값입니다.
changes
required
readonly AXDGCellValueChange<T>[]key 또는 columnId로 식별한 컬럼 변경 목록입니다.
rows
required
readonly AXDGChangeValueRow<T>[]해당 컨텍스트의 행 목록 또는 피벗 행 축 필드 배열입니다.

AXDGChangeValueRow

interfacesource ↗

병합 셀 전파 대상 행과 변경 전후 값의 immutable preview입니다.

export interface AXDGChangeValueRow<T>
MemberType설명
index
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
sourceIndex
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
item
required
AXDGDataItem<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
values
required
T원본 행 값 또는 집계 대상 값입니다.
nextValues
required
T제안된 변경을 immutable하게 미리 적용한 행 값입니다.

AXDGCommitOptions

interfacesource ↗

commit 완료 뒤 활성 셀 이동을 설정합니다.

export interface AXDGCommitOptions
MemberType설명
move
optional
AXDGCellMoveDirection편집 세션에서 활성 셀 이동을 요청합니다.

AXDGEditorIconClickHandler

아이콘 편집 세션을 실행하고 선택적으로 cleanup을 반환하는 callback입니다.

export type AXDGEditorIconClickHandler<T> = (
  params: AXDGEditorIconClickParams<T>,
) => void | (() => void) | Promise<void | (() => void)>;

AXDGEditorIconClickParams

interfacesource ↗

editorIcon callback에 전달되는 셀 문맥과 commit controller입니다.

export interface AXDGEditorIconClickParams<T> extends AXDGEditorIconParams<T>, AXDGCellCommitController<T>

AXDGEditorIconConfig

interfacesource ↗

셀 값 옆 편집 아이콘의 모양, 표시 조건과 callback을 설정합니다.

export interface AXDGEditorIconConfig<T>
MemberType설명
render
required
React.ReactNode | ((params: AXDGEditorIconParams<T>) => React.ReactNode)셀 문맥으로 편집 아이콘 React 노드를 렌더링합니다.
ariaLabel
optional
string | ((params: AXDGEditorIconParams<T>) => string)편집 input 또는 아이콘의 접근 가능한 이름입니다.
visibility
optional
'always' | 'hover' | 'active'아이콘을 항상, hover 또는 활성 셀에서 표시할지 선택합니다.
onClick
optional
AXDGEditorIconClickHandler<T>해당 셀 또는 아이콘의 클릭 상호작용이 발생할 때 호출됩니다.

AXDGEditorIconParams

interfacesource ↗

editorIcon 렌더링에 전달되는 canonical 셀 문맥입니다.

export interface AXDGEditorIconParams<T>
MemberType설명
column
required
AXDGColumn<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
index
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
columnIndex
required
number컬럼 배열 기준의 절대 컬럼 인덱스입니다.
item
required
AXDGDataItem<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
values
required
T원본 행 값 또는 집계 대상 값입니다.
value
required
unknown현재 셀 또는 필터의 값입니다.
active
required
boolean타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGEditorPluginProps

interfacesource ↗

에디터 플러그인 component에 전달되는 셀 문맥과 편집 수명주기 함수입니다.

export interface AXDGEditorPluginProps<T> extends AXDGTextEditorContext<T>
MemberType설명
sessionId
required
number현재 편집 세션의 고유 번호입니다.
value
required
unknown현재 셀 또는 필터의 값입니다.
mode
required
'preserve' | 'replace'쿼리를 수동 처리할지 클라이언트에서 처리할지 선택합니다.
activation
required
AXDGCellEditActivation타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
commit
required
AXDGCellCommitController<T>['commit']한 개 이상의 컬럼 변경 목록을 원자적으로 저장하고 편집을 종료합니다.
cancel
required
AXDGCellCommitController<T>['cancel']값을 저장하지 않고 편집을 종료합니다.
move
required
(direction: AXDGCellMoveDirection) => void편집 세션에서 활성 셀 이동을 요청합니다.
getPortalContainer
required
() => HTMLElementplugin popup을 연결할 Grid 전용 floating portal 컨테이너를 반환합니다.

AXDGEditSource

변경 요청을 시작한 text, plugin, itemRender 또는 아이콘 경로입니다.

export type AXDGEditSource = 'text' | 'plugin' | 'itemRender' | 'editorIcon';

AXDGEditTrigger

셀 영역에서 편집을 시작할 클릭 또는 더블클릭 조건입니다.

export type AXDGEditTrigger = 'click' | 'dblclick';

AXDGMoveActiveCellOptions

interfacesource ↗

내부 셀 이동에서 범위 확장, 경계 이동과 페이지 크기를 설정합니다.

export interface AXDGMoveActiveCellOptions
MemberType설명
extendSelection
optional
boolean이동한 셀까지 현재 선택 범위를 확장합니다.
toBoundary
optional
boolean인접 셀 대신 현재 방향의 경계로 이동합니다.
pageSize
optional
number페이지 또는 PageUp/PageDown 이동 단위의 행 수입니다.
selectionEnabled
optional
boolean이동과 함께 셀 선택 상태를 갱신할지 설정합니다.

AXDGPluginEditorConfig

interfacesource ↗

앱 전용 에디터 플러그인의 식별자와 component를 정의합니다.

export interface AXDGPluginEditorConfig<T>
MemberType설명
type
required
'plugin'판별 가능한 설정 또는 이벤트 종류입니다.
id
required
string타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
component
required
React.ComponentType<AXDGEditorPluginProps<T>>편집 상태에서 렌더링할 plugin component입니다.

AXDGTextEditorConfig

interfacesource ↗

내장 text 편집기의 직접 입력, blur와 값 변환 동작을 설정합니다.

export interface AXDGTextEditorConfig<T>
MemberType설명
type
required
'text'판별 가능한 설정 또는 이벤트 종류입니다.
startOnInput
optional
boolean문자 입력으로 text 편집을 바로 시작할지 설정합니다.
commitOnBlur
optional
booleantext 편집기에서 포커스가 나갈 때 값을 저장할지 설정합니다.
formatValue
optional
(value: unknown, context: AXDGTextEditorContext<T>) => string셀 값을 text input 문자열로 변환합니다.
parseValue
optional
(text: string, context: AXDGTextEditorContext<T>) => unknown입력 문자열을 저장할 셀 값으로 변환합니다.
ariaLabel
optional
string | ((context: AXDGTextEditorContext<T>) => string)편집 input 또는 아이콘의 접근 가능한 이름입니다.
inputProps
optional
Pick< React.InputHTMLAttributes<HTMLInputElement>, 'placeholder' | 'maxLength' | 'inputMode' | 'autoComplete' | 'spellCheck' >내장 text input에 전달할 안전한 HTML 속성입니다.

AXDGTextEditorContext

interfacesource ↗

text 편집기의 값 변환 함수에 전달되는 셀 컨텍스트입니다.

export interface AXDGTextEditorContext<T>
MemberType설명
index
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
columnIndex
required
number컬럼 배열 기준의 절대 컬럼 인덱스입니다.
item
required
AXDGDataItem<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
values
required
T원본 행 값 또는 집계 대상 값입니다.
column
required
AXDGColumn<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

레이아웃과 표시

AXDGCellMergeColumn

interfacesource ↗

지정 컬럼의 연속된 동일 값을 병합하는 기준입니다.

export interface AXDGCellMergeColumn
MemberType설명
wordWrap
optional
boolean타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
mergeBy
required
string | string[]타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGColumnGroup

interfacesource ↗

기존 인덱스 범위 방식의 2단 그룹 헤더를 정의합니다.

export interface AXDGColumnGroup
MemberType설명
label
required
ReactNode화면에 표시할 제목입니다.
groupStartIndex
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
groupEndIndex
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
align
optional
AlignDirection본문 셀 콘텐츠의 가로 정렬입니다.
headerAlign
optional
AlignDirection헤더 콘텐츠의 가로 정렬입니다.

AXDGColumnGroupNode

interfacesource ↗

컬럼 ID와 자식 그룹을 재귀적으로 구성하는 임의 깊이 그룹 헤더 노드입니다.

export interface AXDGColumnGroupNode
MemberType설명
id
required
string타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
label
required
ReactNode화면에 표시할 제목입니다.
headerAlign
optional
AlignDirection헤더 콘텐츠의 가로 정렬입니다.
className
optional
string요소에 추가할 CSS 클래스 이름입니다.
headerStyle
optional
React.CSSProperties헤더 셀에 적용할 React 인라인 스타일입니다.
children
required
Array<string | AXDGColumnGroupNode>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGHorizontalScrollbarOptions

interfacesource ↗

Bottom Bar에 고정된 가로 스크롤바의 표시 여부와 스타일을 설정합니다.

export interface AXDGHorizontalScrollbarOptions extends AXDGViewStyleProps
MemberType설명
visible
optional
boolean해당 UI 영역의 표시 여부입니다.

AXDGPaginationViewOptions

interfacesource ↗

페이지네이션 표시 여부와 스타일을 설정합니다.

export interface AXDGPaginationViewOptions extends AXDGViewStyleProps
MemberType설명
visible
optional
boolean해당 UI 영역의 표시 여부입니다.

AXDGScrollbarOptions

interfacesource ↗

가로·세로 스크롤바 동작과 스타일 변형을 함께 설정합니다.

export interface AXDGScrollbarOptions
MemberType설명
variant
optional
AXDGScrollbarVariant그리드 테두리 표현 변형을 선택합니다.
horizontal
optional
AXDGHorizontalScrollbarOptions타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
vertical
optional
AXDGVerticalScrollbarOptions타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGScrollbarVariant

스크롤바 표현 방식을 선택합니다.

export type AXDGScrollbarVariant = 'native' | 'classic' | 'modern';

AXDGStatusContent

상태 표시줄에 표시할 React 노드 또는 렌더 함수입니다.

export type AXDGStatusContent = React.ReactNode | ((context: AXDGStatusContext) => React.ReactNode);

AXDGStatusContext

interfacesource ↗

상태 표시줄 콘텐츠 함수에 전달되는 데이터 개수 정보입니다.

export interface AXDGStatusContext
MemberType설명
totalItems
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
visibleItems
required
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
page
optional
AXDGPage페이지 상태와 변경 콜백입니다.

AXDGStatusOptions

interfacesource ↗

상태 표시줄의 표시 여부, 콘텐츠 및 스타일을 설정합니다.

export interface AXDGStatusOptions extends AXDGViewStyleProps
MemberType설명
visible
optional
boolean해당 UI 영역의 표시 여부입니다.
content
optional
AXDGStatusContent표시할 콘텐츠 또는 렌더 함수입니다.

AXDGSummaryColumn

interfacesource ↗

요약 행의 대상 컬럼, 병합 범위 및 렌더러를 정의합니다.

export interface AXDGSummaryColumn<T>
MemberType설명
columnIndex
required
number컬럼 배열 기준의 절대 컬럼 인덱스입니다.
align
optional
AlignDirection본문 셀 콘텐츠의 가로 정렬입니다.
colSpan
optional
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
className
optional
string요소에 추가할 CSS 클래스 이름입니다.
getClassName
optional
(key: string | string[]) => string데이터에 따라 CSS 클래스 이름을 반환합니다.
itemRender
optional
React.FC<AXDGSummaryItemRenderProps<T>>셀 콘텐츠를 렌더링하는 React 컴포넌트입니다.

AXDGSummaryItemRenderProps

interfacesource ↗

요약 셀 렌더러에 전달되는 컬럼과 전체 데이터입니다.

export interface AXDGSummaryItemRenderProps<T>
MemberType설명
column
required
AXDGColumn<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
columnIndex
required
number컬럼 배열 기준의 절대 컬럼 인덱스입니다.
data
required
AXDGDataItem<T>[]AXDGDataItem으로 감싼 행 데이터 배열입니다.

AXDGVerticalScrollbarOptions

interfacesource ↗

세로 스크롤바의 표시 및 스타일을 설정합니다.

export interface AXDGVerticalScrollbarOptions extends AXDGViewStyleProps
MemberType설명
visible
optional
boolean해당 UI 영역의 표시 여부입니다.

AXDGViewStyleProps

interfacesource ↗

하위 표시 영역에 className과 인라인 style을 전달합니다.

export interface AXDGViewStyleProps
MemberType설명
className
optional
string요소에 추가할 CSS 클래스 이름입니다.
style
optional
React.CSSProperties요소에 추가할 React 인라인 스타일입니다.

순서 변경

AXDGReorderInfo

interfacesource ↗

행 드래그 순서 변경의 활성화, 핸들 및 완료 콜백을 정의합니다.

export interface AXDGReorderInfo<T>
MemberType설명
enabled
optional
boolean기능 활성화 여부입니다.
handleIcon
optional
React.ReactNode타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
onReorder
optional
(data: AXDGDataItem<T>[]) => void | boolean타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGReorderingInfo

interfacesource ↗

현재 드래그 중인 행의 출발 및 도착 인덱스입니다.

export interface AXDGReorderingInfo
MemberType설명
fromIndex
optional
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
toIndex
optional
number타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

피벗

AXDGPivotAggregate

기본 집계 방식 또는 사용자 정의 집계 함수입니다.

export type AXDGPivotAggregate<T> =
  | 'sum'
  | 'count'
  | 'avg'
  | 'min'
  | 'max'
  | 'first'
  | ((params: AXDGPivotAggregateParams<T>) => any);

AXDGPivotAggregateParams

interfacesource ↗

사용자 정의 피벗 집계 함수에 전달되는 값과 원본 행입니다.

export interface AXDGPivotAggregateParams<T>
MemberType설명
values
required
any[]원본 행 값 또는 집계 대상 값입니다.
items
required
AXDGDataItem<T>[]타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
rowValues
required
any[]타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
columnValues
required
any[]타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
value
required
AXDGPivotValue<T>현재 셀 또는 필터의 값입니다.

AXDGPivotField

interfacesource ↗

피벗 행·컬럼 축에서 사용할 필드를 정의합니다.

export interface AXDGPivotField
MemberType설명
key
required
string | string[]행 값에서 읽을 필드 이름 또는 중첩 경로입니다.
label
optional
ReactNode화면에 표시할 제목입니다.
width
optional
number그리드 또는 해당 항목의 너비입니다.
align
optional
AlignDirection본문 셀 콘텐츠의 가로 정렬입니다.
headerAlign
optional
AlignDirection헤더 콘텐츠의 가로 정렬입니다.
className
optional
string요소에 추가할 CSS 클래스 이름입니다.
headerClassName
optional
string헤더 셀에 추가할 CSS 클래스 이름입니다.
headerStyle
optional
React.CSSProperties헤더 셀에 적용할 React 인라인 스타일입니다.

AXDGPivotOptions

interfacesource ↗

피벗의 행 축, 컬럼 축, 값 및 빈 값 표시를 설정합니다.

export interface AXDGPivotOptions<T>
MemberType설명
enabled
optional
boolean기능 활성화 여부입니다.
rows
required
AXDGPivotField[]해당 컨텍스트의 행 목록 또는 피벗 행 축 필드 배열입니다.
columns
required
AXDGPivotField[]그리드에 표시할 컬럼 정의 배열입니다.
values
required
AXDGPivotValue<T>[]원본 행 값 또는 집계 대상 값입니다.
columnLabelSeparator
optional
string타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
emptyValue
optional
ReactNode타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGPivotValue

interfacesource ↗

피벗 값 영역의 집계와 셀 표시 방식을 정의합니다.

export interface AXDGPivotValue<T> extends AXDGPivotField
MemberType설명
aggregate
optional
AXDGPivotAggregate<T>피벗 집계 방식 또는 사용자 집계 함수입니다.
itemRender
optional
React.FC<AXDGPivotValueItemRenderProps<T>>셀 콘텐츠를 렌더링하는 React 컴포넌트입니다.
getClipboardText
optional
(params: AXDGPivotValueClipboardTextParams<T>) => any클립보드에 복사할 값을 반환합니다.

AXDGPivotValueClipboardTextParams

interfacesource ↗

피벗 값 셀을 복사할 때 전달되는 전체 컨텍스트입니다.

export interface AXDGPivotValueClipboardTextParams<T> extends Omit<AXDGCellClipboardTextParams<Record<string, any>>, 'column'>,
    AXDGPivotValueContext<T>
MemberType설명
column
required
AXDGColumn<Record<string, any>>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.

AXDGPivotValueContext

interfacesource ↗

피벗 결과 셀의 원본 데이터 및 축 컨텍스트입니다.

export interface AXDGPivotValueContext<T>
MemberType설명
sourceItems
required
AXDGDataItem<T>[]타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
rowValues
required
any[]타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
columnValues
required
any[]타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
pivotValue
required
AXDGPivotValue<T>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.
aggregate
optional
AXDGPivotAggregate<T>피벗 집계 방식 또는 사용자 집계 함수입니다.

AXDGPivotValueItemRenderProps

interfacesource ↗

피벗 값 셀 렌더러에 전달되는 전체 컨텍스트입니다.

export interface AXDGPivotValueItemRenderProps<T> extends Omit<AXDGItemRenderProps<Record<string, any>>, 'column'>,
    AXDGPivotValueContext<T>
MemberType설명
column
required
AXDGColumn<Record<string, any>>타입 시그니처와 연결된 인터페이스를 기준으로 값을 설정합니다.