ウィンドウ枠の固定(Freeze)
IWorksheetData.freeze を利用してワークシートの固定状態を設定できます。インターフェース定義は以下のとおりです:
TypeScript
interface IFreeze { /** * 固定する列数 */ xSplit: number /** * 固定する行数 */ ySplit: number /** * スクロール可能領域(メイン表示エリア)の開始行インデックス */ startRow: number /** * スクロール可能領域(メイン表示エリア)の開始列インデックス */ startColumn: number}例えば、列 B と行 2 を固定したい場合は次のように設定します:
JSON
{ "xSplit": 1, // 1 列固定 → 列 B が固定 "ySplit": 1, // 1 行固定 → 行 2 が固定 "startRow": 2, // スクロール開始行は 3 行目 "startColumn": 2 // スクロール開始列は C 列}ウィンドウ枠の固定
縦横にスクロールして、固定されたセルを確認します。
| A | B | C | D | E | F | G | H | |
|---|---|---|---|---|---|---|---|---|
| 1 | A1 | B1 | C1 | D1 | E1 | F1 | G1 | H1 |
| 2 | A2 | B2 | C2 | D2 | E2 | F2 | G2 | H2 |
| 3 | A3 | B3 | C3 | D3 | E3 | F3 | G3 | H3 |
| 4 | A4 | B4 | C4 | D4 | E4 | F4 | G4 | H4 |
| 5 | A5 | B5 | C5 | D5 | E5 | F5 | G5 | H5 |
| 6 | A6 | B6 | C6 | D6 | E6 | F6 | G6 | H6 |
| 7 | A7 | B7 | C7 | D7 | E7 | F7 | G7 | H7 |
| 8 | A8 | B8 | C8 | D8 | E8 | F8 | G8 | H8 |
| 9 | A9 | B9 | C9 | D9 | E9 | F9 | G9 | H9 |
| 10 | A10 | B10 | C10 | D10 | E10 | F10 | G10 | H10 |
| 11 | A11 | B11 | C11 | D11 | E11 | F11 | G11 | H11 |
| 12 | A12 | B12 | C12 | D12 | E12 | F12 | G12 | H12 |
| 13 | A13 | B13 | C13 | D13 | E13 | F13 | G13 | H13 |
| 14 | A14 | B14 | C14 | D14 | E14 | F14 | G14 | H14 |
| 15 | A15 | B15 | C15 | D15 | E15 | F15 | G15 | H15 |
| 16 | A16 | B16 | C16 | D16 | E16 | F16 | G16 | H16 |
| 17 | A17 | B17 | C17 | D17 | E17 | F17 | G17 | H17 |
| 18 | A18 | B18 | C18 | D18 | E18 | F18 | G18 | H18 |
{
"startRow": 1,
"startColumn": 1,
"ySplit": 1,
"xSplit": 1
}split は固定する数、start はスクロール領域の開始インデックス(0 始まり)です。それより前の行・列は表示範囲外です。
Facade API
FWorksheet クラスは行および列の固定状態を管理するための複数のメソッドを提供します。これらにより、固定の設定、取得、解除が可能です。
固定を設定(Set Freeze)
TypeScript
const worksheet = univerAPI.getActiveWorkbook().getActiveSheet()worksheet.setFreeze({ xSplit: 1, // 1 列固定(列 B) ySplit: 1, // 1 行固定(行 2) startRow: 2, // スクロール開始行は 3 行目 startColumn: 2, // スクロール開始列は C 列})console.log('The current freeze state:', worksheet.getFreeze())固定列数を設定(Set Frozen Columns)
TypeScript
const worksheet = univerAPI.getActiveWorkbook().getActiveSheet()// 列 A~B を固定worksheet.setFrozenColumns(2)固定行数を設定(Set Frozen Rows)
TypeScript
const worksheet = univerAPI.getActiveWorkbook().getActiveSheet()// 先頭 3 行を固定worksheet.setFrozenRows(3)固定状態を取得(Get Freeze State)
TypeScript
const worksheet = univerAPI.getActiveWorkbook().getActiveSheet()const freezeState = worksheet.getFreeze()固定列数を取得(Get Frozen Columns)
TypeScript
const worksheet = univerAPI.getActiveWorkbook().getActiveSheet()const frozenColumns = worksheet.getFrozenColumns()固定行数を取得(Get Frozen Rows)
TypeScript
const worksheet = univerAPI.getActiveWorkbook().getActiveSheet()const frozenRows = worksheet.getFrozenRows()固定を解除(Cancel Freeze)
TypeScript
const worksheet = univerAPI.getActiveWorkbook().getActiveSheet()// すべての固定を解除worksheet.cancelFreeze()このガイドはいかがですか?