はしくれSEめも

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

【Handsontable】行数

handsontable

行数の取得

以下の方法でも行数を取得することができます。

Handsontable(ハンズオンテーブル)で表示されている最初(min)の行(Row)と最後(max)の行(Row)の値を取得します。
autoRowSizeというプラグインを使用します。
autoRowSizeは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,
    autoRowSize: true,
  });

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

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

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

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

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

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

関連記事

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