如何在 selectMultiple 小部件中显示更多行？

Question

widgets.SelectMultiple(
    options=GROUP_NAMES,
    description='Groups',
    disabled=False,
)

html 相当于将 a size attribute size=10 添加到 select 标签。

不是这个而是那个...

Answer 1

我很确定这是坏的，因为高度和宽度参数影响周围的 <div> 标签而不是小部件（参见 https://github.com/jupyter-widgets/ipywidgets/issues/1133）。

现在，如果您希望调整框的大小以匹配所含项目的宽度和高度，您可以将布局更改为 flex。

widgets.SelectMultiple(
    options=GROUP_NAMES,
    description='Groups',
    layout=Layout(display="flex", flex_flow='column')
)

如果您这样做，height 参数似乎有效，并且 width 在您的原始示例中有效。

Answer 2

问题已在 2017 年中后期通过 ipywidgets 7.0 版解决。您现在可以使用

widgets.SelectMultiple(
    options=GROUP_NAMES,
    description='Groups',
    rows=len(GROUP_NAMES)
    layout=Layout(width="100%")

并设置可见的宽度和行数。

How to show more rows in selectMultiple widget?