2017-06-05 3 views
0

公式のhandsontable reactラッパーを使用すると、カスタムレンダラーを登録する方法がわかりません。目的は異なるスタイルの行をレンダリングすることです。私は、カスタムレンダラを書き込もうと、それはレンダラが、私は、彼らはそれを添付https://docs.handsontable.com/0.32.0/demo-conditional-formatting.htmlが、その後カスタムレンダラーまたは条件付きスタイリングのハンドブック

答えて

0
function groupingRenderer(instance, td, row, col, prop, value, 
cellProperties) { 
    Handsontable.renderers.TextRenderer.apply(this, arguments); 
    td.className = 'group'; 
} 

とをHandsontableするドキュメント、次のそれを登録しようとしていたので、これはされている可能性が登録されていなかったというエラーを投げていました設定でその機能を呼び出すために、あなたが「レンダラ」の代わりに、私はそれを直接呼び出すを登録していない

cells(row, col, prop) { 
    const cellProperties = {}; 
    if((tableData.rows[row]).total) { 
     cellProperties.renderer = groupingRenderer; 
    } 

    return cellProperties; 
    }, 

通知イムをHotTableする小道具として渡し、そのオブジェクト。

+0

Handsontable変数がReactラッパーからインポートされていますか? "HotTableを 'react-handsontable'からインポートします;"私はTextRendererが定義されていないプロパティを取得しています。 – dommer

+0

ああ、私は 'handsontable'パッケージをインストールする必要があります。 – dommer

+0

この問題を解決しましたか?私は解決策としてこれを見ていない。 – Phil