React Pivot Grid 기능

    피벗 및 평면 그리드 구성 요소는 공통 기반에서 상속되므로 일부 기능과 특징을 공유합니다.

    [!Note] Some features do not have meaningful behavior in the context of a pivot table and therefore cannot be enabled for IgrPivotGrid. These include:

    • CRUD operations
    • Grouping
    • Row/Column Pinning
    • 요약
    • 페이징

    피벗 그리드 구성 요소에는 아래 설명된 차원과 관련된 추가 기능이 있습니다.

    Dimensions Sorting

    ORrows​columns의 차원 값은 관련 칩이나 API를 통해 정렬할 수 있습니다. 이 기능은 기본적으로 내장되어 있고 활성화되어 있습니다.

    해당 칩을 클릭하면 측정기준이 정렬되며, 결과적으로 측정기준 값이 오름차순/내림차순으로 정렬됩니다.

    정렬은 또한 차원 정의의 속성을 통해sortDirection 처음에 적용할 수 있습니다.

    const dimension: IgrPivotDimension = {
    memberName: "SellerName",
    enabled: true,
    sortDirection: SortingDirection.Asc
};

    Dimensions Resizing

    행 크기는 열 크기 조정과 유사하게 셀 오른쪽 가장자리에 있는 크기 조절 표시기를 통해 조정할 수 있습니다. 또한 크기 조절 인디케이터를 더블 클릭하거나 관련 API -autoSizeRowDimension를 사용해 자동 크기 조절도 가능합니다.

    또한 차원 정의에서 제공하는 속성을 사용하여width 처음에는 다른 크기를 설정할 수도 있습니다:

    const igrPivotDimension2: IgrPivotDimension = {
    memberName: "SellerName",
    enabled: true,
    width = "400px"
};

    Dimensions Selection

    피벗 그리드는 기본 그리드와 마찬가지로 단일 선택을 지원합니다. 예를 들어:

    <IgrPivotGrid data={pivotData} pivotConfiguration={pivotConfiguration} rowSelection="single">
</IgrPivotGrid>

    여러 행/열에 걸쳐 있는 그룹을 생성하는 여러 행 또는 열 차원이 있는 경우 선택한 그룹에 속하는 모든 셀에 선택이 적용됩니다.

    Super Compact Mode

    그IgrPivotGrid 컴포넌트는superCompactMode 입력. 화면에 많은 세포가 동시에 나타나야 하는 경우에 적합합니다. 활성화되면 이 옵션이 무시됩니다.--ig-size 피벗 그리드용 CSS 변수. 사용superCompactMode 또한 다음을 설정합니다.--ig-size 받는 사람small 각 자식 컴포넌트(예:IgrChip) 이 조건은SuperCompactMode 선택.

    <IgrPivotGrid data={pivotData} pivotConfiguration={pivotConfiguration} superCompactMode={true}>
</IgrPivotGrid>

    Additional Summary Column

    차원이column 계층 구조를 정의할 때, 피벗 그리드는 추가 요약/전체 열을 렌더링하여 그룹 내 모든 열의 집계를 축적합니다. 그룹이 붕괴되면 요약 열만 남게 됩니다. 그룹을 확장하면 추가 요약 열이 그룹 끝에 나타납니다.

    상호 작용

    Keyboard Navigation

    키보드 내IgrPivotGrid 비게이션은 InIgrGrid과 비슷하게 작동합니다. 피벗 그리드는 세 개의 영역으로 나뉩니다 -rows,columns,.values와 의rows​columns 영역은 항해 목적상 헤더로 간주되며, forvalues의 영역은 본체입니다. 키보드 화살표는 현재 영역 내에서 활성 요소만 탐색할 수 있게 해줍니다.

    Dimensions Drag & Drop

    치수는 칩으로 표현되며, 칩은 드래그 앤 드롭할 수 있습니다. 모든 칩은 드래그 앤 드롭으로 해당 영역 내에서 순서를 변경할 수 있습니다. (차원 칩)의rows​column​filter 칩은 그 중 어느 영역에서든 어디든 옮길 수 있습니다. 이 영역의 칩은 해당 영역으로values 이동할 수 없고, 해당 영역의values 칩은 치수 영역 어디로도 이동할 수 없습니다.

    [!Note] The chips from the Pivot Grid can not be moved to the Pivot Data Selector and items from the Pivot Data Selector can not be moved to the Pivot Grid.

    API References

    Additional Resources