はしくれSEめも

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

【Handsontable】AutoColumnSize 幅 サイズ 取得

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

Handsontable(ハンズオンテーブル)では、色々なプラグインが用意されています。 AutoColumnSizeというプラグインgetColumnWidthを使用して、列の幅サイズを取得します。

getColumnWidthとは

計算された列の幅サイズを取得します。

パラメーター 説明
column 列インデックス。

使い方

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

  const plugin = hot.getPlugin('autoColumnSize');
  
  plugin.getColumnWidth(3);

});

注意

列の幅サイズを自動調整するためには、
すべてのセルの幅を計算する必要があるため、
テーブル全体のパフォーマンスが低下する可能性があるそうです。
パフォーマンスに問題がある場合は、AutoColumnSize機能をオフにし、
列の幅サイズを手動で宣言した方が良いそうです。

関連記事

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