LoginSignup
2
3

More than 3 years have passed since last update.

レンダラーとは

表示やトリガー(クライアント側からの操作に対してのイベント発火)など、セルの出力を制御する設定。

ハンズオンテーブルにはデフォルトで10個の設定がされている。
以下は公式からの抜粋

  • autocomplete for Handsontable.renderers.AutocompleteRenderer
  • base for Handsontable.renderers.BaseRenderer
  • checkbox for Handsontable.renderers.CheckboxRenderer
  • date for Handsontable.renderers.DateRenderer
  • dropdown for Handsontable.renderers.DropdownRenderer
  • html for Handsontable.renderers.HtmlRenderer
  • numeric for Handsontable.renderers.NumericRenderer
  • password for Handsontable.renderers.PasswordRenderer
  • text for Handsontable.renderers.TextRenderer
  • time for Handsontable.renderers.TimeRenderer

レンダラーの使用方法

See the Pen pobyPPg by mogumogu mogumi (@mgmgmogumi) on CodePen.

カスタムレンダラーとは

自分でレンダラーの設定をしたもの。
Tutorial: Custom renderers - Handsontable Documentation

カスタムレンダラーの使用方法

デフォルトで用意されているレンダラー以外に、自分で設定することができる。
ちなみにデフォルトと同じ名前で設定すると、設定を上書きできる。

Handsontable.renderers.registerRenderer(rendererName, renderer) 関数を使用して設定する。

参考

Handsontable 使い方メモ1(基本) - Qiita

おしまい

2
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
3