[!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.
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.
Web Components Row Pinning Example
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.
Code Snippet
<igc-data-grid id="grid"
width="100%"
height="100%">
</igc-data-grid>
let grid1 = (document.getElementById("grid") as IgcDataGridComponent);
grid1.dataSource = data;
grid1.pinnedItems.add(data[2]);
grid1.pinnedItems.add(data[4]);