Jak edytować tekst nagłówka w trybie ręcznym?

Question

Chciałbym móc edytować tekst nagłówków kolumn w zestawie głośnomówiącym, ale nie mogę się domyślić, czy można je edytować. Przypuszczam, że mógłbym uczynić nagłówki kolejnym rzędem, ale chciałbym tego uniknąć, jeśli to w ogóle możliwe.

Dla wyjaśnienia: Jestem rzeczywiście szuka sposobu, aby pozwolić użytkownikowi na edycję wartości nagłówka (jak oni to normalna komórka tabeli

Answer 1

W próbce szkieletowe (http://handsontable.com/demo/backbone.html), to może pokazać, kim jesteś wyszukiwanie:

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

jest to prawdopodobnie zbyt późno dla pO, ale nikomu innemu szuka tej samej odpowiedzi można zmienić nagłówki kolumn (jak również innych ustawień) po tabeli już nadano następujące warunki:

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

O ile mogę powiedzieć, możesz przekazać dowolne ustawienia dostępne w konstruktorze.

Answer 3

Jednym ze sposobów jest użycie afterGetColHeader.

Kopiowanie wklejony z 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'; 
    }