読者です 読者をやめる 読者になる 読者になる

haru and...

猫のようにだらけ、犬のように遊ぶ。

【jQuery】【handsontable】Numericセルの背景色を変えたい

テクノロジー

Handsontableで数値セルの背景色を変えてカンマ区切り表示にしたいと思って
独自にレンダラを設定したらできなくて悩んだ。。

その時の独自レンダラが↓これ。

function colorRenderer(instance, td, row, col, prop, value, cellProperties) {
    Handsontable.renderers.TextRenderer.apply(this, arguments);
    cellProperties.format = '0,0';
    td.style.background = '#FFFFC0';
}

そして発見した公式の以下の記述

Native cell renderers
Handsontable comes with 5 predefined renderers that you can extend, when writing your own renderers.
- TextRenderer
- NumericRenderer
- AutocompleteRenderer
- CheckboxRenderer
- PasswordRenderer


独自のレンダラを書くときは以下の5つの定義が使えるよ。
ほんで、デフォルトはTextRendererだよ。

。。。まじか。

そりゃぁTextRendererではダメだろ。。


てことで書き直したのが↓

function colorRenderer(instance, td, row, col, prop, value, cellProperties) {
    // NumericRenderer
    Handsontable.renderers.NumericRenderer.apply(this, arguments);
    cellProperties.format = '0,0';
    td.style.background = '#FFFFC0';
}


知っていれば5分かからないことに1時間以上かかるというね。
JavaScriptもまだまだ初心者レベルだし。。