python - 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)

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

我该怎么做才能保持表格在 jupyter 笔记本中的显示状态？

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 是最好的方法但我想不出别的办法。希望这适用于您的情况。 :)