Javascript 将HandsOnTable约束为其父容器的大小

我意识到这是一个过于简单的例子，但我想得到一些关于HandsOnTable在容器中的行为的解释。e、 我们有一个标签，我们把热，我们希望它消耗100%的容器空间，但现在它似乎没有受到限制

这里有一个例子。我们想把它锁在红盒子里

document.addEventListener（“DOMContentLoaded”，function（））{
变量
myData=Handsontable.helper.createSpreadsheetData（200100），
container=document.getElementById（'example1'），
热的；
hot=新的可手持设备（容器、{
数据：myData，
行标题：对，
colHeaders：是的，
固定柱长度：2，
上下文菜单：正确，
冻结：对
});
函数bindDumpButton（）{
if（手机通话的类型==“未定义”）{
返回；
}
Handsontable.Dom.addEvent（document.body，'click'，函数（e）{
var元素=e.target | | e.src元素；
if（element.nodeName==“BUTTON”&&element.name==“dump”）{
var name=element.getAttribute（'data-dump'）；
var instance=element.getAttribute（'data-instance'）；
var hot=窗口[实例]；
log（'data of'+name，hot.getData（））；
}
});
}
bindDumpButton（）；
});



不幸的是，小提琴上没有显示红色，但我认为您需要的是
stretchH:“all”
属性。这可以确保如果在父容器上设置
宽度
，它将拉伸所有列以100%填充它。之后，您需要将容器的样式设置为
overflow:auto
，这会将热实例限制为指定的宽度和高度，然后使用滚动条。
谢谢，这很有帮助。溢出=隐藏似乎比溢出=自动更有效。溢出=自动工作不正常。我试着在网格周围加上一个带边框的盒子，尺寸看起来有点不稳定。我包括一个300px的父div，由300px和一个30px的填充，这样我就可以看到红色的背景。但是我需要将网格的大小调整为300px乘以300px，这样它才能占据所有的内部空间。这是网格如何进行调整的人工制品吗？“['大多数人如何处理他们希望网格使用父网格的全部大小的区域？很抱歉@ZekeDroid的格式设置。我试图修复它，但我没有意识到编辑有时间限制。如果父网格有宽度，则始终可以使用
width:100%
。这将占用整个宽度。高度稍微难一些。另外，请记住，填充需要4个可选参数。您只给了它一个参数，因此它给了您顶部填充（它从顶部开始，然后顺时针移动；例如，第二个参数是正确的）