当前位置: 首页 > 知识库问答 >
问题:

移动设备上的Vaadin 14网格列宽

梁丘凯定
2023-03-14

我用的是vaadin 14 TLS。我需要在网格中显示数据。在桌面版本上一切都很好,但是,在移动设备上,列头太窄了,它们不容易读,因为只显示一些首字母,而且有很多列。网格本身适合页面宽度,所以我可以向右和向左滚动,但是,我希望每一列占用更多的空间,以便每一列标题都是可读的,而不会缩短。任何提示都将不胜感激。

共有1个答案

徐茂材
2023-03-14
 grid.getColumns().forEach(e -> e.setAutoWidth(true));

做戏法。

 类似资料:
  • 问题内容: 我的html主体中有一个巨大的块,其中占80%,并且我的下部还有一个页脚。 页脚中的文本也有80%,如果我在PC上测试它是相等的,但是如果我在移动设备上对其进行测试,则页脚中的文本非常小,无法读取。 这怎么可能?解释是什么,如何避免? 我的主要文字: 我的页脚: 我的CSS: 问题答案: 您是否已将 视口元标记添加 到文档中? 如果没有,请将其添加到您的头部: 移动浏览器自然会尝试缩小

  • 为了更好地为移动设备服务,HTML 5推出了一系列针对移动设备的API。 Viewport Geolocation API getCurrentPosition方法 watchPosition方法和clearWatch方法 Vibration API Luminosity API Orientation API 参考链接 Viewport Viewport指的是网页的显示区域,也就是不借助滚动条的

  • 问题内容: 我有一个简单的引导网格布局。我不希望这些列即使在小型设备上也垂直堆叠。 问题答案: 这些列是垂直堆叠的,因为您使用的是 Bootstrap 4 ,并且不再使用中缀。只需使用..

  • 问题内容: 在移动设备上时,是否可以将引导网站显示为桌面版本? 基本上,页面将显示992px或1200px视口,而不是小型设备。 例如,BBC允许您使用页面底部的链接在移动网站和桌面网站之间进行切换,这就是我想做的。 谢谢 问题答案: 您只需要设置视口 像您说的那样建立一个链接,该链接是页面的重新加载,但带有,则可以设置会话,只要设置了该会话,就可以编写 代替此(响应版本) 在你的 将此用作按钮

  • 我有一个图像,我正在尝试缩放,因为屏幕大小减少。在桌面上,1336x625分辨率的图像可以正常工作,但一旦屏幕缩小到500x625时,图像就不能适当缩放,边缘也会被削减。我试着把最大宽度和位置。但还是没用。我需要改变什么才能让它工作。 Css代码 Html代码:

  • 使用移动设备上的 XD 应用程序实时预览您的移动设计,或者从 Creative Cloud 打开已保存的 XD 文件。还可以随时随地在移动浏览器中预览任何已发布的原型。 使用 Adobe XD 移动应用程序,您可以: 使用 USB 将移动设备连接到运行 XD 的计算机,在桌面上编辑设计和原型,并在连接的移动设备上实时预览设计和原型。有关更多信息,请参阅在移动设备上实时预览原型。 在 Mac 或 W