행 상세 펼침 옵션

comins-table@0.2.2React

일반 배열 및 그룹/필터 배열의 행 아래에 별도 콘텐츠를 렌더링합니다. Tree 노드 펼침과 다른 기능이며 Tree·Viewport에서는 지원하지 않습니다. 옵션을 모두 생략하면 행 상세는 꺼집니다.

CominsRowDetailProps

renderRowDetail?: (params: CominsRowDetailParams<TData>) => React.ReactNode;

상세 콘텐츠를 반환합니다. 이 함수가 있어야 상세 기능이 켜집니다. params.row.data는 원본 행입니다.

expandedRowIds?: readonly CominsRowId[];

기본 빈 배열. 펼친 행 ID를 부모가 소유합니다. 중복 ID는 정규화합니다.

onChangeExpandedRowIds?: (rowIds: CominsRowId[]) => void;

토글 시 전체 다음 ID 배열을 전달합니다. 부모가 expandedRowIds에 반영해야 합니다. 없으면 사용자 토글은 동작하지 않습니다.

isRowExpandable?: (params: CominsRowDetailParams<TData>) => boolean;

행별 펼침 가능 여부입니다. 생략 시 상세 renderer가 있는 행은 기본 펼침 대상입니다.

getRowDetailHeight?: (params: CominsRowDetailParams<TData>) => CominsRowDetailHeight;

상세 영역 높이를 number 또는 auto로 반환합니다. 생략 시 auto입니다. 본문 행의 getRowHeight와 별개입니다.

estimatedRowDetailHeight?: number;

자동 상세 높이 측정 전 추정값입니다. 생략 시 rowHeight를 기반으로 계산합니다.

export type CominsRowDetailParams<TData> = {
    row: CominsEventRow<TData>;
};

row에는 원본 데이터, ID, 표시 인덱스와 데이터 인덱스가 들어갑니다.