large pandas dataframe print about sphinx-gallery

[larsoner]

That could make sense, and maybe we shouldn't have the pandas-table-CSS at all. But given we've had it for a while (a year at least?) and people are using it, I'm inclined to try to fix it here and maintain it rather than remove it. :(

[larsoner]

To me this looks like a CSS problem

[GaelVaroquaux]

To me this looks like a CSS problem

I think that jupyter and the like ship clever css for pandas dataframe. We should probably do that too.

[lucyleeow]

Current dataframe css was added in #590. I copied the CSS from nbsphinx (https://github.com/spatialaudio/nbsphinx/blob/fb3ba670fc1ba5f54d4c487573dbc1b4ecf7e9ff/src/nbsphinx.py) who got it from jupyter. I think wide dataframes in jupyter notebooks have horizontal scroll. Maybe we could take a look at jupyter css and update ours?

[GaelVaroquaux]

First: I find it useful to have a webpage to reproduce the problem, beyond a screenshot. Here is one: https://dirty-cat.github.io/stable/auto_examples/01_dirty_categories.html#sphx-glr-auto-examples-01-dirty-categories-py

Second, in terms of CSS, I played quickly on the above webpage and one solution is to add the following rule:

div.output_subarea {
     overflow-x: auto;
}

I'm not fully happy with the solution, because it means that the overflow is not very visible. I would have liked a hint that there is more information and horizontal scrolling is needed. I didn't find a quick way of doing it.

[drammock]

IMO this is something that the Sphinx theme should handle rather than SG.

[photoniker]

Hey together, I still have some bugy dataframe output.

Any idea what settings must be changed?

[larsoner]

Have you tried live inspecting and messing with CSS properties (e.g., in Chrome with F12) to see if there is a problematic setting, or if some new CSS would fix it?

[photoniker]

In the css file I changed only some colors.

I tried to add my example into the sphiny_gallery examples folder so that it is build and added to that docu.
It seems to me that it is releated to the float values?

[larsoner]

I don't think you quite followed my suggestion. I am not saying to look at your .css file, I'm saying you should inspect the webpage itself using your browser, e.g.:

From there you can directly interact with the CSS in realtime to see if there are CSS settings you can add or remove to fix the problem

[photoniker]

You mean Like this? Is it related to the float values?

[larsoner]

No I mean like this -- notice I'm in a browser modifying settings on the fly and see it reflected here in the table width for example:

[photoniker]

See here in this examples when haveing float values in the dataframe.

It looks better with width=auto.