resize ipython notebook output window

Question

By default the ipython notebook ouput is limited to a small sub window at the bottom. This makes us force to use separate scroll bar that comes with the output window, when the output is big.

Any configuration option to make it not limited in size, instead run as high as the actual output is? Or option to resize it once it gets created?

score 309 · Answer 1 · answered Aug 01 '16 at 17:05

309

You can toggle the scroll window in the main menu of the notebook

Cell -> Current Outputs -> Toggle Scrolling

answered Aug 01 '16 at 17:05

Jacob Stevenson

3,718
1
13
10

36

Or (Cell -> All Output -> Toggle Scrolling) – aquirdturtle Aug 07 '16 at 20:29
any way to do this on a per cell basis? For example, cell with lots of json content want to scroll but for cell with image output would like not to scroll. – brown.2179 Jul 28 '17 at 13:29
5

Cool, also if it is scrolling, just clicking to the left side of the output will expand it and make it non-scrolling. :-) – user1953366 Aug 14 '18 at 23:55
5

This should be the accepted answer. It's much more current than the accepted answer, and it works like a charm. – Sean McCarthy Mar 03 '19 at 18:36
1

This should be the accepted answer, I loved it. – Codigo Morsa Apr 09 '23 at 11:18

score 46 · Answer 2 · answered Nov 03 '14 at 09:15

46

Addendum #2: This comment: https://github.com/ipython/ipython/issues/2172#issuecomment-53708976 indicates how you can increase the maximum size of the output cells. Run the following code in the notebook:

%%javascript
IPython.OutputArea.auto_scroll_threshold = 9999;

answered Nov 03 '14 at 09:15

keflavich

18,278
20
86
118

Doesn't seem to work. In the console I get: `accessing OutputArea is deprecated. Use require("notebook/js/outputarea").OutputArea`. Putting that in the console shows it be a function. – broccoli2000 Jul 04 '16 at 18:41
Didn't work for me, possibly because my output is Javascript-generated. – Sergey Orshanskiy Jul 11 '16 at 17:50
2

does't work. the output afte executing a cell is still in a scrollable area. In my case, suddenly, ipython notebook switches to scrollable panes for certain outputs, while they uses to be "normal" on beforehand. Very enigmatic... – user989762 Jul 28 '16 at 06:54
Javascript error adding output! SyntaxError: Invalid or unexpected token See your browser Javascript console for more details. – Laurent T Mar 30 '22 at 12:35

score 38 · Answer 3 · edited Apr 15 '18 at 00:28

38

I just placed my cursor in the grey box next to the output and clicked and then all of the output was displayed.

edited Apr 15 '18 at 00:28

Stephen Rauch

47,830
31
106
135

answered Apr 15 '18 at 00:06

Taylor Somma

389
3
2

Wow, this was such a simple solution. Why were any of the other posted "solutions" needed? – Rafael_Espericueta Jan 12 '20 at 23:35
1

What grey box? I can't find it – Zhanwen Chen Nov 23 '21 at 00:04
@ZhanwenChen, the grey box containing the "In [x]:" and "Out [x]:" headings – Post169 Feb 12 '22 at 17:35
@Post169 Thanks. It looks like a blue vertical strip for me. – Zhanwen Chen Feb 16 '22 at 15:44

score 31 · Answer 4 · answered Aug 14 '19 at 14:13

31

To resize the height of the scrollable output I do the following (you can change 44em):

from IPython.core.display import display, HTML
display(HTML("<style>div.output_scroll { height: 44em; }</style>"))

answered Aug 14 '19 at 14:13

aless80

3,122
3
34
53

4

This is SO AWESOME and still works with Jupyter 1.0+ – rjurney Apr 29 '20 at 00:38

broccoli2000 · Answer 5 · 2016-07-04T18:39:23.243

17

This worked for me in Chrome. Run it in a separate cell. Choose the max-height you want to display without scrolling.

%%html
<style>
.output_wrapper, .output {
    height:auto !important;
    max-height:1000px;  /* your desired max-height here */
}
.output_scroll {
    box-shadow:none !important;
    webkit-box-shadow:none !important;
}
</style>

You'll still get scroll bars if the contents exceed the max-height. There won't be a shadow box, though. Just increase the max-height even more if really don't want scrolling at all.

edited Jul 04 '16 at 18:39

answered Jul 04 '16 at 18:31

broccoli2000

1,753
1
17
15

I prefer this to adding an extension. I also used this method to format the rest of my output as well. Thanks, @broccoli2000! – hyp3rg3om3tric Jun 03 '17 at 01:39
Didn't know you could do this... bit hacky but so is the Jupyter environment in general, it seems. Thank you! – Ezekiel Victor Nov 16 '18 at 22:06

score 9 · Accepted Answer · edited Aug 16 '17 at 14:13

9

See the jupyter autoscroll extension (part of jupyter_contrib_nbextensions), which allows you to select when the output starts scrolling in a dropdown menu (you can set it to never scroll). The API used is not officially supported though, so this may break at any time.

edited Aug 16 '17 at 14:13

Cody Gray - on strike

239,200
50
490
574

answered Sep 13 '13 at 05:45

Matt

27,170
6
80
74

Thanks Matt! How do I use it? – nom-mon-ir Sep 13 '13 at 14:56
1

clone repo in the right place in your ipython profile. (cf readme) copy custom.example.js to custom.js and uncomment require('custom/autoscroll.js') in it. Restart IPython. – Matt Sep 14 '13 at 09:24

score 2 · Answer 7 · answered May 20 '19 at 09:41

2

For an plot.ly iplot I had to add the following to see any change (it changed all output)

%%html
<style>
.python-iframe > iframe {
  height:1000px !important;
}
</style>

answered May 20 '19 at 09:41

Cireo

4,197
1
19
24

score 2 · Answer 8 · answered Mar 06 '21 at 21:32

2

This is what works for me:

%%html
<style>
.output_wrapper .output {
  overflow-y: visible;
  height: fit-content;
}
</style>

It may depend on the version of Jupyter.

answered Mar 06 '21 at 21:32

Jose Solorzano

393
4
6

score 1 · Answer 9 · answered Jul 08 '20 at 17:16

I tried all the options above and none of them worked. This is how I got rid of the scrolling cell. Right-click on the cell, and click "disable scrolling for outputs" I know this doesn't resize the scrolling cell, but it does make my code more legible since the scrolling cells are very small(for me at least).

score 0 · Answer 10 · answered May 10 '23 at 18:59

To disable scrolling for outputs in JupyterLab, simply follow these steps:

Right-click on the output area in JupyterLab to display the output menu.
From the output menu, select "Disable Scrolling for Outputs".

That's it! Your output should now be displayed without scrolling.

score -2 · Answer 11 · answered Dec 23 '19 at 08:01

-2

In JupyterLab you can right click and choose: Create New View for Output.

answered Dec 23 '19 at 08:01

baz

1,317
15
10

resize ipython notebook output window

11 Answers11

Linked

Related