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

Question

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

我有 JSP，其中通过 Iframe 嵌入了 Vaadin 布局。正如我所说，当我点击可折叠图标时，没有大量的列(> 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 中。