Widen Jupyter Notebook

[John_Finseth]

Hello,
How can I widen cells in Jupyter notebook? I tried the fix from this post, but it doesn’t change anything about my notebook.

using IJulia
display("text/html", "<style>.container { width:100% !important; }</style>")

I also tried this from ChatGPT

using Markdown
Markdown.html("<style>.container { width:100% !important; }</style>")

Any idea why this has no effect on my notebook and other ways to widen the cells? Thanks.

[stevengj]

@John_Finseth

display("text/html", "<style>.container { width:100% !important; }</style>")

Works for me (you have to make the window wider first, since width:100% is relative to the window width).

[John_Finseth]

What’s the window width here? The width of my browser window where I’m running the notebook? It’s full screen. Is there something I have to do in Jupyter settings?

[stevengj]

@John_Finseth

What’s the window width here?

See the following example, in which the input cell starts narrower than the browser window and then expands to match the window width:

[John_Gibson]

@John_Finseth

using IJulia
display("text/html", "<style>.container { width:100% !important; }</style>")

Thanks for this! It’s been much needed.

[stevengj]

@John_Gibson

Thanks for this! It’s been much needed.

Note that (a) it was posted 6 years ago (and a similar solution 7 years ago) and (b) the using IJulia is not needed.

[John_Finseth]

I’ve tried this, and as you can see my window doesn’t expand. Am I entering something wrong?

[stevengj]

@John_Finseth

I’ve tried this, and as you can see my window doesn’t expand. Am I entering something wrong?

Looks like it changed in Jupyter version 7. The new command is:

display("text/html", "<style>:root { --jp-notebook-max-width: 100% !important; }</style>")