SpreadJS自适应页面大小

发布时间:2016/08/24 00:08 发布者:dexteryao

返回博客中心

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


关于葡萄城

赋能开发者!葡萄城是专业的集开发工具、商业智能解决方案、低代码开发平台于一身的软件和服务提供商,为超过 75% 的全球财富 500 强企业提供服务。葡萄城专注控件软件领域30年,希望通过模块化的开发控件、灵活的低代码应用开发平台等一系列开发工具、解决方案和服务,帮助开发者快速响应复杂多变的业务需求,最大程度地发挥开发者的才智和潜能,让开发者的 IT 人生更从容更美好。

了解详情,请访问葡萄城官网