在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。