手机页面表格显示问题

登录

本帖最后由李竟于 2021-7-6 08:43 编辑

手机页面加上母版页后，添加表格（字段较多）想要清晰的显示就会出现滚动条，并且对页面其他布局也有影响，有什么方法除了冻结可以使表格能够清晰的摆放在页面上，不会有滚动条并且不会影响其他布局，例如是否能横向摆放。

Erik.Xue · Erik.Xue

老铁，手机页面大小确实是有限制，我实在想不出什么办法可以像你说的那样，表格很多字段然后还不显示横向滚动条的效果。

这个问题是不是有点矛盾呢？本身手机屏幕大小是一定的，又没有办法设置手机屏幕的大小，硬要放很多字段肯定是展示不下的，横向滚动条也是会有的。。。

Erik.Xue · Erik.Xue

你好，如果是手机端页面的话，为什么不使用图文列表呢？我们手机端上的表格和PC端的表格是有区别的，同样底层使用了我们的控件SpreadJS，但是因为考虑到手机端的限制等，我们的手机端表格相比PC端进行优化过的。

李竟 · 李竟

图文列表也是一样的吧，页面能放下的话会特别字体小，字体大的话会有滚动条，上下放的话显示出来会很奇怪

李竟 · 李竟

Erik.Xue 发表于 2021-7-5 10:17
你好，如果是手机端页面的话，为什么不使用图文列表呢？我们手机端上的表格和PC端的表格是有区别的，同样底 ...

图文列表也是一样的吧，页面能放下的话会特别字体小，字体大的话会有滚动条，上下放的话显示出来会很奇怪

Erik.Xue · Erik.Xue

你可以尝试使用图文列表，页面大小的设计尽量不要超过母版页的占位区。

手机端页面还是建议不要直接放置表格。

李竟 · 李竟

用图文列表的话也就是如下图两种方法吧，想用第一种方法显示但是图文裂变仍然和表格一样想要显示清晰且完整会出现滚动条

李竟 · 李竟

Erik.Xue 发表于 2021-7-5 11:01
你可以尝试使用图文列表，页面大小的设计尽量不要超过母版页的占位区。

手机端页面还是建议不要直接放置 ...

你好，我试过图文列表，但是不能满足，这里不能发图片，看我刚发的上一条，麻烦了

Erik.Xue · Erik.Xue

可以的话上传下你的demo工程文件，我这边帮您看一下哈。

李竟 · 李竟

Erik.Xue 发表于 2021-7-5 17:37
可以的话上传下你的demo工程文件，我这边帮您看一下哈。

你好，原工程里面太多东西了，所以我建了一个类似的发在了这个帖子里，麻烦看下

Erik.Xue · Erik.Xue

我这边测试你的工程是没有问题的，不要在浏览器手机模拟器上测试，你将网页后缀ismobile去掉，然后F12打开控制台：

这样是没有滚动条的。

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

[已处理] 手机页面表格显示问题