SpreadJS自适应页面大小 - 葡萄城技术博客

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%这样才能达到效果。

现在演示地址：http://runjs.cn/code/srb2xhyc

更多资源

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

关于葡萄城

葡萄城是专业的软件开发技术和低代码平台提供商，以“赋能开发者”为使命，致力于通过表格控件、低代码和BI等各类软件开发工具和服务，一站式满足开发者需求，帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年，40余年来始终聚焦软件开发技术，有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态，与超过3000家合作伙伴紧密合作，产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。