React 行のピン固定
Ignite UI for React Data Table / Data Grid では、キーまたは基本データ ソースの項目を使用した行のピン固定が可能です。行を固定するとその行が react データ グリッドの最上部に複製され、薄い灰色の背景で固定されたままになり、実際の行は低い不透明度でレンダリングされます。
React 行のピン固定の例
React データ グリッドでターゲット行の基本データ項目を React グリッドの pinnedItems コレクションに追加して行をピン固定できます。
コード スニペット
public onGridRef(grid: IgrDataGrid) {
this.grid = grid;
this.grid.pinnedItems.add(this.data[2]);
this.grid.pinnedItems.add(this.data[4]);
}