Jupyter Notebook – How to Increase Cell Width

ipythonjupyterjupyter-notebookpython

I would like to increase the width of the ipython notebook in my browser. I have a high-resolution screen, and I would like to expand the cell width/size to make use of this extra space.

Thanks!

Best Answer

If you don't want to change your default settings, and you only want to change the width of the current notebook you're working on, you can enter the following into a cell:

from IPython.display import display, HTML
display(HTML("<style>.container { width:100% !important; }</style>"))

Related Solutions

Jupyter Notebook – Resize Output Window

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

Cell -> Current Outputs -> Toggle Scrolling

JupyterLab – How to Change Style and Width of Cells

The names of classes were reworked in JupyterLab and are now easier to understand and more predictable. Use the following selectors for JupyterLab:

.jp-Cell to change the width of all cells
.jp-Cell.jp-CodeCell to change only width of the cells with code
.jp-Cell.jp-MarkdownCell to change the width of markdown cells
.jp-Cell.jp-Editor to change width of the editor only
.jp-OutputArea-output to change the with of cell outputs

For example, to reduce the width of cells using IPython you could use:

from IPython.core.display import display, HTML
display(HTML("<style>.jp-Cell { width: 60% !important; }</style>"))

You can use the DOM inspector, a tool that all browsers provide nowadays, (see the instructions here) to check class names of specific elements that you wish to modify.

Best Answer

Related Solutions

Jupyter Notebook – Resize Output Window

JupyterLab – How to Change Style and Width of Cells

Related Question