Vaadin响应表

Question

我需要在Vaadin中创建一个响应表。

在此示例中，http://demo.vaadin.com/dashboard/#!transactions不太重要的列会在小屏幕尺寸上进行缩放。

是否有可能在不隐藏列的情况下创建响应表？

Answer 1

像安德烈问的那样，问题真的是你还会做什么？你几乎有三个选择：

• 什么都不做，这将使表格可以水平滚动（这也是在演示中某些时候，在删除列数之前）。如果您有列的相对大小（扩展比率），它们只会挤压。
• 将某些列设置为不可见（请注意，您可以像在演示中一样选择可见的列，将鼠标移动到表格的右上角以查看UI）
• 使用较小的屏幕尺寸组合和缩短数据。在演示中，您可以将城市和国家/地区合并为一列以节省一些像素或以更紧凑的格式显示时间（例如24小时，下降秒，下降年份）。