Handsontableのヘッダーテキストを編集するにはどうすればよいですか？

Question

私はHandsontableの列見出しのテキストを編集できるようにしたいと思いますが、編集可能にできるかどうかはわかりません。私はヘッダーをちょうど別の列にすることができると思うが、可能ならばそれを避けたい。明確にするために

：私は実際に彼らがバックボーンサンプル（http://handsontable.com/demo/backbone.html）では、通常のテーブルセル

Answer 1

と同じように、（ユーザーがヘッダーの値を編集できるようにする方法を探しています、彼らは多分あなたが何であるかを示し、検索：

var $container = $("#example1"); 
$container.handsontable({ 
    data: cars, 
    dataSchema: makeCar, 
    contextMenu: true, 
    columns: [ 
    attr("make"), 
    attr("model"), 
    attr("year") 
    ], 
    colHeaders: ["Make", "Model", "Year"] 
    //minSpareRows: 1 //see notes on the left for `minSpareRows` 
}); 

Answer 2

これはおそらく、OPのために遅すぎですが、誰が、テーブルにはすでに次でレンダリングされた後、あなたが列ヘッダ（だけでなく、他の設定）を変更することができます同じ答えを探して：

var hot = $container.data('handsontable'); 
hot.updateSettings({ 
    colHeaders: ['A','B','C'] 
}); 

私が言うことができる限り、コンストラクタで利用できるすべての設定を渡すことができます。

Answer 3

これを行う1つの方法は、afterGetColHeaderを使用することです。 here

afterGetColHeader: function (col, TH) { 
     // nothing for first column 
     if (col == -1) { 
      return; 
     } 
     var instance = this; 
     // create input element 
     var input = document.createElement('input'); 
      input.type = 'text'; 
      input.value = TH.firstChild.textContent; 

     TH.appendChild(input); 

     Handsontable.Dom.addEvent(input, 'change', function (e){ 
      var headers = instance.getColHeader(); 
       headers[col] = input.value; 
      instance.updateSettings({ 
       colHeaders: headers 
      }); 
     }); 

     TH.style.position = 'relative'; 
     TH.firstChild.style.display = 'none'; 
    }