jupyter nbconvert --to html --no-inp 正在缩小集中表的显示

Question

使用以下代码，我可以在我的 jupyter notebook 或转换后的 HTML 代码中显示漂亮的并排集中表

import pandas as pd
import numpy as np
from IPython.display import display, HTML
display(HTML("""
<style>
.output {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
</style>
"""))

df = pd.DataFrame(10000*np.ones((2,2)), columns = ['foo','bar'])
display(df)
display(df)

不过，如果我使用jupyter nbconvert --to html --no-inp myfile.ipynb 将myfile.ipynb 转换为myfile.html 而不使用代码，则表格显示时几乎没有水平空间和长滚动条，使它们相当不可用。

我可以做些什么来保持表格在 jupyter notebook 中的显示方式？

Answer 1

我不确定为什么表格认为在有这么多可用空间时它需要占用更少的空间，通过检查 html 我可以看到很多奇怪的 prompt 和其他空容器......无论如何...... .

使表格获得滚动条而不是仅仅占用整个空间的 html 样式是 overflow-x 元素中的 .output_subarea 被某些东西设置为 auto，这似乎不太好用与 flex 上下文中的其他自动生成的元素一起使用。因此，通过将其设置为 unset，我能够显示没有滚动条的完整表格，但不是 100% 确定这会完全符合您的要求，但似乎为我解决了类似的问题。

display(HTML("""
<style>
.output {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
div.output_subarea {
    overflow-x: unset
}
"""))

这很可能意味着大表只会占用所有空间而永远不会出现滚动条，可能有更好的解决方案可以通过更多调查找到，但我不确定通过 Jupyter 的 css 进行搜索是最好的方法，但我想不出任何其他方法。希望这适用于您的情况。 :)