Wijmo 行列の固定化で効率化

JavaScript

Excelで良く使う、「ウィンドウ枠の固定」のような動きが実現できます。
出力項目が多くなるような表では、主となる特定の行列を常時表示し、
その他の属性情報を見えるようにしたい場合があります。

キーワードは固定(Frozen)

リファレンスを探してみるとありますね。Frozen

出典:https://demo.mescius.jp/wijmo/api/classes/wijmo_grid.flexgrid.html#frozencolumns

行も列も固定することができます。

実装方法

「frozenColumns」も「frozenRows」もFlexGridのプロパティなので、
素直に設定してあげれば大丈夫です。

var theGrid = new FlexGrid('#theGrid');
theGrid.frozenColumns = 1;
theGrid.frozenRows = 1;

上記の指定だけで、1行目、1列目が固定化されるようになります。
プロパティなので、もちろんインスタンス化する際のoptionに指定も可能です。
動的に変化させる必要が無いのであれば、optionとして設定してあげた方がシンプルですね。

デモ

上記の記述例のようにデモも実装しています。