FIX: improve display of table in the nbsphinx context (#954)

* force table-layout for nbsphinx outputs

* widden the pandas example

* import string

Author: 12rambau

docs/examples/pydata.md

@@ -21,12 +21,14 @@ Below are examples of each that we use as a benchmark for reference.
 ## Pandas
 
 ```{code-cell}
+import string
+
 import numpy as np
 import pandas as pd
 
 rng = np.random.default_rng()
-data = rng.standard_normal((100, 3))
-df = pd.DataFrame(data, columns=['a', 'b', 'c'])
+data = rng.standard_normal((100, 26))
+df = pd.DataFrame(data, columns=list(string.ascii_lowercase))
 df
 ```
 

src/pydata_sphinx_theme/assets/styles/extensions/_pydata.scss

@@ -6,3 +6,12 @@
 .xr-wrap[hidden] {
   display: block !important;
 }
+
+/**
+ * special case for table rendered via nbsphinx
+ */
+.rendered_html {
+  table {
+    table-layout: auto;
+  }
+}