カラムをhandontableの内容に合わせる

Question

私はhandsontableが新しく、セルの内容と同じくらいの幅のカラムを持つという単純な目標は達成できません。テーブルの全内容を表示するのに十分なスペースがあれば、一部の列は一部のセルの内容と重なります。

私はテーブルをその親に伸ばしたくありません。テーブル全体の内容を表示するだけです（十分なスペースがあるので）。

更新

fapの回答が正しいです。

私はこの問題がテーブルの基本的な定義から来ているのではなく、レンダラの定義のためにセル上にあることを認識しました。

cells: function (row, col, prop) { 
    var cellProperties = {}; 
    if (row === 0) { 
     cellProperties.renderer = firstRowRenderer; 
    } 
return cellProperties; 
} 

function firstRowRenderer(instance, td, row, col, prop, value, cellProperties) { 
    Handsontable.renderers.TextRenderer.apply(this, arguments); 
    td.style.fontWeight = 'bold'; 
    td.style.color = 'green'; 
    td.style.background = '#CEC'; 
} 

コンテンツがhandsontable細胞内に収まらないと、それはサイズを変更していないときのレンダラーが適用された後にそれはあります。これが私が直面している真の問題です。

Answer 1

テーブルや列の幅を指定しないでください。 Handsontableは、それぞれのセルにある最長値に応じて列のサイズを設定します。

See this simple example.

あなたが値を編集する場合、列を動的にリサイズすることに注意してください。

---

しかし、あなたは、あなたのテーブルが画面よりも広くなるので、多くの列幅を広げる価値を持っている場合は？もしあなたが本当にそれを望んでいないのであれば（あなたのカラムやテーブルの区切りは何ですか？）、preventOverflowオプションを使うことができます：

preventOverflow: 'horizontal', 

in this exampleが表示されているように、自動的にナビゲーションバーが作成され、テーブルが画面から外れることはなく、すべてのデータを表示するために列のサイズが変更されます。