[!Note] Please note that this control has been deprecated and replaced with the Grid component, and as such, we recommend migrating to that control. This will not be receiving any new features, bug fixes will be deprioritized. For help or questions on migrating your codebase to the Data Grid, please contact support.

Blazor Row Pinning

Ignite UI for Blazor 데이터 테이블/데이터 그리드에서는 키 또는 기본 데이터 소스 항목을 사용하여 행을 고정할 수 있습니다. 행이 고정되면 블레이저 데이터 그리드 상단에 복제되어 밝은 회색 배경으로 고정된 상태로 유지되며 실제 행은 낮은 불투명도로 렌더링됩니다.

Blazor Row Pinning Example

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

Code Snippet

<IgbDataGrid Height="100%" Width="100%"
    @ref="DataGridRef"
    DataSource="DataSource" />

@code {

    private IgbDataGrid grid;
    public IgbDataGrid DataGridRef
    {
        get
        {
            return grid;
        }
        set
        {
            grid = value;
            OnGridChanged();
            StateHasChanged();
        }
    }

    private void OnGridChanged()
    {
        grid.PinnedItems.Add(this.DataSource[2] as Employee);
        grid.PinnedItems.Add(this.DataSource[4] as Employee);
    }
}

API References

• IgbGrid