【Handsontable】fixedColumnsLeft 固定列の設定
Handsontable(ハンズオンテーブル)の列を固定にする方法を紹介します。
fixedColumnsLeft
というオプションを使用します。
以下の場合、左から3列目を固定列とします。
※固定列
とは
右にスクロールをしても指定した列は動かずに画面に表示され続けることです。
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, fixedColumnsLeft: 3, }); });