如何使表格在div窗口内自适应显示全部

收藏

我的前端代码：
<div id='template' style="width: 90%; height: 800px; border: 1px solid gray; margin: 0 auto;"></div>

<script type="text/javascript">
var jsonData = getJsonData().data;
var spread = new GC.Spread.Sheets.Workbook(document.getElementById('template'), {
sheetCount : 1
});
spread.fromJSON(JSON.parse(jsonData));

</script>

手机上首次加载完后的页面：
微信图片_20180425175152.jpg

表格中有一部分被遮挡了，有什么方法可以首次加载就显示成如下样子：
微信图片_20180425175204.jpg

请指教！

Clark.Pan · Clark.Pan

这个问题您需要给我一个demo。我根据您的demo帮您调一下

elvisVan · elvisVan

ClarkPan 发表于 2018-4-25 18:54
这个问题您需要给我一个demo。我根据您的demo帮您调一下

demo在附件里面有手机浏览器打开，谢谢

SpreadJSDemo.zip (1.75 MB, 下载次数: 268)

Clark.Pan · Clark.Pan

您好，看了一下是这样子的，因为SpreadJS所有的行高，列宽都是固定宽度，高度，所以在不同的手机分辨率下面显示的效果是不同的。如果您要让不同手机每次打开都能一屏幕完整显示您的表格，只能在手机加载demo时检测手机屏幕的大小（也就是浏览器一屏幕的大小，JS应该有有相应的方法能够获取），然后调整spread的缩放比例，让其能够一屏幕显示完全。

elvisVan · elvisVan

ClarkPan 发表于 2018-4-26 15:46
您好，看了一下是这样子的，因为SpreadJS所有的行高，列宽都是固定宽度，高度，所以在不同的手机分辨率下面 ...

Spread的缩放比例怎么动态调整，什么方法？

Clark.Pan · Clark.Pan

调用sheet.zoom方法来完成例如：sheet.zoom(0.5)就是缩放50%

		自动登录	找回密码
密码			立即注册

[已处理] 如何使表格在div窗口内自适应显示全部

5 个回复

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄