`DataFrame` with long column labels is not rendered correctly with the `pydata` theme

[LuoXueling]

Hi. I am new to nbsphinx and sphinx.

I have a problem if the cell output is a DataFrame with long column labels when using html_theme = "pydata_sphinx_theme", as shown below, column labels collide with each other. But everything looks fine when using sphinx_rtd_theme.

Here is a minimal example:

1. Build the default sphinx project with sphinx-quickstart.

2. In conf.py:

extensions = [
    "nbsphinx",
]

html_theme = "pydata_sphinx_theme"

3. In the notebook:

import pandas as pd

df = pd.DataFrame({f"ABCDEFGHIJKLMNOPQRSTUVWXYZ_{i}": 0.123456789 for i in range(10)}, index=[0])
df

I am using sphinx==6.2.1, nbsphinx==0.9.2, and pydata_sphinx_theme==0.13.3.

[LuoXueling]

It is a known issue in pydata and pandas. Sorry for the bothering.

If someone has the same problem, here is my solution:

Add a .css file in conf.py such as:

html_static_path = ["_static"]

html_css_files = [
    "pandas.css",
]

where pandas.css contains:

table {
  width: auto;
}