Tenga en cuenta que este control ha quedado obsoleto y reemplazado con el componente Grid y, como tal, recomendamos migrar a ese control. Esto no recibirá ninguna característica nueva, las correcciones de errores no tendrán prioridad. Para obtener ayuda o preguntas sobre la migración de su código base a Data Grid, comuníquese con el soporte.

    Blazor Row Pinning

    La tabla de datos / rejilla de datos de Ignite UI for Blazor permite anclar filas utilizando claves o los elementos de la fuente de datos subyacente. Cuando una fila está anclada, se duplicará en la parte superior de la rejilla de datos blazor y permanecerá fija allí con fondo gris claro y su fila real se representará con baja opacidad.

    Ejemplo de fijación de filas de Blazor

    EXAMPLE
    MODULES
    DATA GENERATOR
    DATA SOURCE
    RAZOR
    CSS

    ¿Te gusta esta muestra? Obtenga acceso a nuestro kit de herramientas de Ignite UI for Blazor completo y comience a crear sus propias aplicaciones en minutos. Descárgalo gratis.

    Puede anclar filas en la cuadrícula de datos Blazor agregando el elemento de datos subyacente de la fila de destino a la colección pinnedItems de la cuadrícula Blazor.

    Fragmento de código

    <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);
        }
    }
    razor

    Referencias de API