Plotly Dash：由于滚动，下拉菜单在 DataTable 中不可见

Question

在数据表的最后几行中，下拉菜单不可见。他们总是被切断。有没有办法让下拉列表弹出数据表本身，所以它总是可见的？我在下面提供了一个示例。这可以通过覆盖 CSS 来完成吗？我在 Dash 应用程序中使用引导主题，我认为这是导致问题的原因，因为一旦我删除引导主题，它就会与弹出的视觉效果一起使用。

Answer 1

我之前也遇到过这个问题，答案是否定的。 对于可滚动的数据表，没有办法使用 CSS 来取消下拉菜单。

我建议了以下我已经尝试和工作过的方法：

1. 更改数据表以禁用滚动（如果列数仅适合您的屏幕）。
2. 将 CSS 'min-height' 添加到表格中，这将使水平滚动条向下移动，以便在滚动条和表格的最后一行之间留出空间，以便您查看下拉菜单（最好也限制您的下拉列表大小）。您还可以尝试在每次绘制表格时重新计算最小高度像素，这样滚动条就不会显得太尴尬。
3. 每次打开下拉菜单时重新计算表格的高度。

这些是我想出的方法。