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.

    Web Components Fijación de filas

    La tabla de datos Ignite UI for Web Components / cuadrícula de datos permite el anclaje de filas mediante claves o los elementos de origen de datos subyacentes. Cuando se ancla una fila, se duplicará en la parte superior de la cuadrícula de datos de componentes web y permanecerá fija allí con un fondo gris claro y su fila real se representará con baja opacidad.

    Ejemplo de fijación de filas de Web Components

    EXAMPLE
    DATA
    TS
    HTML
    CSS

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

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

    Fragmento de código

     <igc-data-grid id="grid"
          width="100%"
          height="100%">
     </igc-data-grid>
    html
    let grid1 = (document.getElementById("grid") as IgcDataGridComponent);
    grid1.dataSource = data;
    grid1.pinnedItems.add(data[2]);
    grid1.pinnedItems.add(data[4]);
    ts
    Ignite UI for Web Components | CTA Banner

    Referencias de API