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