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

【问题标题】：How to show more rows in selectMultiple widget?如何在 selectMultiple 小部件中显示更多行？
【发布时间】：2017-03-09 03:55:25
【问题描述】：

如何告诉the selectMultiple widget 显示更多行？

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

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

不是这个而是那个……

【问题讨论】：

【解决方案1】：

早在 2017 年中后期，ipywidgets 7.0 版就解决了这个问题。您现在可以使用

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

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

【讨论】：

【解决方案2】：

我很确定这已被破坏，因为高度和宽度参数会影响周围的<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 在您的原始示例中有效。

【讨论】：