【Handsontable】fixedRowsTop 固定行の設定
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, }); });