在Vaadin中设置可折叠列菜单的大小

Question

我有一个包含大量列的表，因为我更喜欢只显示那些重要的列，如果用户希望看到其他列从可折叠菜单中选择那些列，则会留给用户。

我有JSP，其中Vaadin布局是通过Iframe嵌入的。正如我所说，当我点击可折叠图标时，有很多列（> 20），我得到的菜单大于Iframe的高度，因此我无法选择列超出Iframe大小（虽然滚动显示我无法选择列）说IFrame的大小是100px那么列可折叠菜单的大小是120PX我无法选择所有那些在100px之后出现的列。我尝试使用以下CSS设置大小

.v-contextmenu .gwt-MenuBar{

    max-height: 60%;
} 

有人可以帮忙吗？

谢谢！

Answer 1

我使用了以下CSS设置，它似乎工作正常，没有任何问题。

.v-contextmenu .gwt-MenuBar{

width:auto !important;
height:400px !important;
overflow-y: auto !important;
overflow-x: hidden !important;
} 

如果万一，您无法选择可折叠菜单中的最后一项，请将上述CSS放在您主题下的Styles.css中。