[!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 행 고정
Ignite UI for Web Components 키 또는 기본 데이터 소스 항목을 사용하여 행 고정을 허용합니다. 행이 고정되면 웹 구성 요소 데이터 그리드의 상단에 복제되고 밝은 회색 배경으로 고정된 상태로 유지되며 실제 행은 낮은 불투명도로 렌더링됩니다.
Web Components Row Pinning Example
Web Components 표의 pinnedItems 컬렉션에 대상 행의 기본 데이터 항목을 추가하여 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]);