[!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.
Fijación de filas Web Components
La Ignite UI for Web Components permite fijar filas mediante el uso de claves o los elementos de origen de datos subyacentes. Cuando se fija una fila, se duplicará en la parte superior de la cuadrícula de datos de los 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 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]);