SpreadJS作为一个表格控件占据了页面很大一部分,那么如果让SpreadJS自适应页面大小呢?

我们创建SpreadJS时只需要在页面创建一个div即可,那么这个div的大小就决定了页面生成后spreadJS窗体的大小。所以我们需要让SpreadJS自适应页面大小也就只需要设置这个div的样式使其适应页面大小即可。

html,body{
	height:100%;
	background:white;
}
#ss{
	width:90%; 
	height:80%;
	border: 1px solid gray;
}

 

我们设置SpreadJS容器宽度为页面90%,高度80%。同时我们设置margin: 0 auto;是其水平居中显示。

这里需要注意的是SpreadJS 高度80%是相对于body的高度,所以我们需要提前设置body高度为100%这样才能达到效果。

 


更多资源

SpreadJS中文学习指南:http://demo.grapecity.com.cn/SpreadJS/TutorialSample/#/samples

SpreadJS在线英文产品文档:http://sphelp.grapecity.com/webhelp/SpreadJSWeb/webframe.html#welcome.html

如果您对SpreadJS产品感兴趣,可以到官方网站下载试用:/developer/spreadjs

如果你有疑问,可以到GCDN论坛获得技术支持:http://gcdn.grapecity.com.cn