igSpreadsheet ウィンドウ枠を固定する。

マイクロソフトのExcelの「ウィンドウ枠の固定」と同じことをigSpreadsheetで実現したい場合は、Excelライブラリーを使用します。igSpreadsheetに紐づいているworkbookからworksheetオブジェクトを取り出し、

• displayOptions().panesAreFrozen()でtrueに、
• displayOptions().frozenPaneSettings().frozenRows()で固定する行数を指定、
• displayOptions().frozenPaneSettings().frozenColumns()で固定する列数を指定

で固定できます。

// 左上から10行10列で「ウィンドウ枠の固定」をする場合
var workbook = $("#spreadsheet").igSpreadsheet("option", "workbook");
var worksheet = workbook.worksheets(0);
worksheet.displayOptions().panesAreFrozen(true);
worksheet.displayOptions().frozenPaneSettings().frozenRows(10);
worksheet.displayOptions().frozenPaneSettings().frozenColumns(10);

サンプル

APIリファレンス

• displayOptionsメソッド
  • https://jp.igniteui.com/help/api/2021.1/ig.excel.Worksheet#methods:displayOptions
• panesAreFrozenメソッド
  • https://jp.igniteui.com/help/api/2021.1/ig.excel.WorksheetDisplayOptions.html#methods:panesAreFrozen
• frozenPaneSettingsメソッド
  • https://jp.igniteui.com/help/api/2021.1/ig.excel.WorksheetDisplayOptions.html#methods:frozenPaneSettings
• frozenColumnsメソッド
  • https://jp.igniteui.com/help/api/2021.1/ig.excel.FrozenPaneSettings.html#methods:frozenColumns
• frozenRowsメソッド
  • https://jp.igniteui.com/help/api/2021.1/ig.excel.FrozenPaneSettings.html#methods:frozenRows