React 행 고정

    React Data Table/Data Grid용 Ignite UI는 키 또는 기본 데이터 소스 항목을 사용하여 행 고정을 허용합니다. 행이 고정되면 반응 데이터 그리드의 맨 위에 복제되고 밝은 회색 배경으로 고정된 상태로 유지되며 실제 행은 낮은 불투명도로 렌더링됩니다.

    React Row Pinning Example

    EXAMPLE
    DATA
    TSX

    Like this sample? Get access to our complete Ignite UI for React toolkit and start building your own apps in minutes. Download it for free.

    React 그리드의 pinnedItems 컬렉션에 대상 행의 기본 데이터 항목을 추가하여 React 데이터 그리드에 행을 고정할 수 있습니다.

    Code Snippet

    public onGridRef(grid: IgrDataGrid) {
        this.grid = grid;
        this.grid.pinnedItems.add(this.data[2]);
        this.grid.pinnedItems.add(this.data[4]);
    }
    ts
    Ignite UI for React | CTA Banner

    API References