はしくれSEめも

SEに必要情報をめも程度に残していこうと思っています。

【Handsontable】fixedRowsTop 固定行の設定

f:id:coogi-se:20210804235542p:plain

Handsontable(ハンズオンテーブル)の行を固定にする方法を紹介します。

fixedRowsTopというオプションを使用します。

以下の場合、上から1行目を固定行とします。

固定行とは
下にスクロールをしても指定した行は動かずに画面に表示され続けることです。
Excelで言うところの「ウィンドウ枠の固定」です。

サンプル

$(function(){

  var data = [
    ["", "Ford", "Tesla", "Toyota", "Honda"],
    ["2017", 10, 11, 12, 13],
    ["2018", 20, 11, 14, 13],
    ["2019", 30, 15, 12, 13]
  ];

  var container = document.getElementById('handsonTable');

  var hot = new Handsontable(container, {
    data: data,

    fixedRowsTop: 1,
  });

});

関連記事

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com

coogi-memo.hatenablog.com