[!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

    A Tabela de Dados/Grade de Dados Ignite UI for Blazor permite a Fixação de Linha usando chaves ou os itens de fonte de dados subjacentes. Quando uma linha é fixada, ela será duplicada na parte superior da grade de dados do blazor e permanecerá fixa lá com plano de fundo cinza claro e sua linha real será renderizada com baixa opacidade.

    Blazor Row Pinning Example

    Você pode fixar linhas na grade de dados Blazor adicionando o item de dados subjacente da linha de destino à coleção pinnedItems da grade 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