はしくれSEめも

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

【Handsontable】autoColumnSize 列数の取得

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


Handsontable(ハンズオンテーブル)で表示されている最初(min)の列(Column)と最後(max)の列(Column)の値を取得します。
autoColumnSizeというプラグインを使用します。
autoColumnSizeはHandsontableがレンダリングされない場合は、-1を返します。

以下を参考にしてみてください。
たぶん、そのままコピペで動くと思います。

$(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,
    autoColumnSize: true,
  });

  var autoColumnSize = hot.getPlugin("autoColumnSize");

  // サンプルの場合、「0」がコンソールに出力されます。
  console.log(autoColumnSize.getFirstVisibleColumn());

  // サンプルの場合、「4」がコンソールに出力されます。
  console.log(autoColumnSize.getLastVisibleColumn());
});

※最初の列は基本的に「0」だと思いますが、列を非表示とかにしている場合は、 「0」以外が取得されます。

プラグインを使用しなくても列数の取得が可能

// サンプルの場合、「5」がコンソールに出力されます。
console.log(hot.countCols(());

関連記事

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