在Handsontable中加載後更改表的寬度

Question

我試圖添加一個按鈕，它將使表達到100％的寬度。我可以看到，在使用table1.getSettings()進行檢查時，設置確實會發生變化，但表格不會更改。

HTML：

<div id="table1" class="table"></div> 
<button id="fullWidth">Strech to full width</button> 

CSS：

#table1 {width: 100%;} 

JS：

var myData = Handsontable.helper.createSpreadsheetData(10, 5); 

var container = document.getElementById('table1'); 
var table1 = new Handsontable(container, 
          {data: myData, 
          stretchH: "none", 
          colHeaders: true 
          }); 

Handsontable.Dom.addEvent(fullWidth, 'click', function() { 
    table1.updateSettings({ 
     stretchH: "all" 
    }); 
}); 

這裏有一個的jsfiddle：http://jsfiddle.net/asafusan/z0g2zz05/2/

Answer 1

你是正確的，這可能是意圖行爲罪有一個不同的方式來做它。展開表格時，更新表格的實際寬度並從頭開始設置stretchH: "all"可能更有意義。

因爲您可以想象用戶可能已經修改了列的寬度，然後只是想擴大表格的大小而不是列寬，所以它有點清潔。無論如何，請檢查你的小提琴的modified version。