Handsontable 更改表格';s在可手持设备中加载后的宽度

Handsontable 更改表格';s在可手持设备中加载后的宽度,handsontable,Handsontable,我正在尝试添加一个按钮,使桌子得到100%的宽度。在使用table1.getSettings()进行检查时,我可以看到设置确实发生了更改,但该表没有更改 html: JS: 这里有一个JSFiddle:您是对的,这可能是预期的行为,因为有一种不同的方法。扩展表格时,更新表格的实际宽度并从头设置stretchH:“all”可能更有意义 它有点简洁,因为您可以想象用户可能修改了列的宽度,然后只想扩展表的大小,而不是列宽。无论如何,检查一下你的小提琴。谢谢!我如何将其设置为100%屏幕宽度?取决于您所

我正在尝试添加一个按钮,使桌子得到100%的宽度。在使用
table1.getSettings()
进行检查时,我可以看到设置确实发生了更改,但该表没有更改

html:

JS:


这里有一个JSFiddle:

您是对的,这可能是预期的行为,因为有一种不同的方法。扩展表格时,更新表格的实际宽度并从头设置
stretchH:“all”
可能更有意义


它有点简洁,因为您可以想象用户可能修改了列的宽度,然后只想扩展表的大小,而不是列宽。无论如何,检查一下你的小提琴。

谢谢!我如何将其设置为100%屏幕宽度?取决于您所说的“屏幕”是什么意思。如果需要,可以使用
窗口的
宽度
,例如
$(window.width()
<div id="table1" class="table"></div>
<button id="fullWidth">Strech to full width</button>
#table1 {width: 100%;}
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"
    });
});