Wie erhöhe ich die Zellenbreite des Jupyter / ipython-Notizbuchs in meinem Browser?

Ich möchte die Breite des ipython-Notebooks in meinem Browser erhöhen. Ich habe einen hochauflösenden Bildschirm und möchte die Zellenbreite / -größe erweitern, um diesen zusätzlichen Platz zu nutzen.

Vielen Dank!

bearbeiten: 5/2017

Ich benutze jetzt jupyterthemes: https://github.com/dunovank/jupyter-themes

und dieser Befehl:

jt -t oceans16 -f roboto -fs 12 -cellw 100%

Das setzt die Breite auf 100% mit einem schönen Thema.

Wenn Sie Ihre Standardeinstellungen nicht ändern möchten und nur die Breite des aktuellen Notizbuchs ändern möchten, an dem Sie arbeiten, können Sie Folgendes in eine Zelle eingeben:

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

Diese div.cellLösung funktionierte auf meinem IPython nicht wirklich, aber zum Glück schlug jemand eine funktionierende Lösung für neue IPythons vor:

Erstellen Sie eine Datei ~/.ipython/profile_default/static/custom/custom.css(iPython) oder ~/.jupyter/custom/custom.css(Jupyter) mit Inhalten

.container { width:100% !important; }

Starten Sie dann die iPython / Jupyter-Notebooks neu. Beachten Sie, dass dies alle Notebooks betrifft.

Damit dies mit jupyter (Version 4.0.6) funktioniert, habe ich Folgendes erstellt ~/.jupyter/custom/custom.css:

/* Make the notebook cells take almost all available width */
.container {
    width: 99% !important;
}   

/* Prevent the edit cell highlight box from getting clipped;
 * important so that it also works when cell is in edit mode*/
div.cell.selected {
    border-left-width: 1px !important;
}

Es ist Zeit, Jupyterlab zu verwenden

Schließlich wurde ein dringend benötigtes Upgrade für Notebooks durchgeführt. Standardmäßig wird die gesamte Breite Ihres Fensters wie bei jeder anderen vollwertigen nativen IDE verwendet.

Alles was du tun musst, ist:

pip install jupyterlab
# if you use conda
conda install -c conda-forge jupyterlab
# to run 
jupyter lab    # instead of jupyter notebook

Hier ist ein Screenshot von blog.Jupyter.org

Normalerweise ändere ich nach der Neuinstallation die CSS-Hauptdatei, in der alle visuellen Stile gespeichert sind. Ich benutze Miniconda, aber die Lage ist ähnlich wie bei anderenC:\Miniconda3\Lib\site-packages\notebook\static\style\style.min.css

Bei einigen Bildschirmen sind diese Auflösungen unterschiedlich und größer als 1. Um auf der sicheren Seite zu sein, ändere ich alles auf 98%. Wenn ich also die Verbindung zu meinen externen Bildschirmen auf meinem Laptop trenne, habe ich immer noch 98% Bildschirmbreite.

Ersetzen Sie dann einfach 1140px durch 98% der Bildschirmbreite.

@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}

Nach der Bearbeitung

@media (min-width: 1200px) {
  .container {
    width: 98%;
  }
}

Speichern Sie Ihr Notebook und starten Sie es neu

Aktualisieren

Vor kurzem mussten Jupyter-Zellen in einer installierten Umgebung erweitert werden, was mich dazu veranlasste, hierher zurückzukehren und mich daran zu erinnern.

Wenn Sie dies in einer virtuellen Umgebung tun müssen, haben Sie jupyter installiert. Sie finden die CSS-Datei in diesem Unterverzeichnis

env/lib/python3.6/site-packages/notebook/static/style/stye.min.css

Sie können das CSS eines Notizbuchs festlegen, indem Sie ein Stylesheet aus einer beliebigen Zelle aufrufen. Schauen Sie sich als Beispiel den Kurs 12 Schritte zum Navier Stokes an .

Insbesondere das Erstellen einer Datei mit

<style>
    div.cell{
        width:100%;
        margin-left:1%;
        margin-right:auto;
    }
</style>

sollte Ihnen einen Ausgangspunkt geben. Es kann jedoch erforderlich sein, auch Anpassungen div.text_cell_rendervorzunehmen, z. B. um Markdown- und Codezellen zu behandeln.

Wenn diese Datei vorhanden ist, custom.cssfügen Sie eine Zelle hinzu, die Folgendes enthält:

from IPython.core.display import HTML
def css_styling():
    styles = open("custom.css", "r").read()
    return HTML(styles)
css_styling()

Dadurch werden alle Stile angewendet und insbesondere die Zellenbreite geändert.

(Ab 2018 würde ich empfehlen, JupyterHub / JupyterLab auszuprobieren. Es nutzt die gesamte Breite des Monitors. Wenn dies keine Option ist, verwenden Sie möglicherweise einen der Cloud-basierten Jupyter-as-a-Service-Anbieter. weiter lesen)

(Stylish wird beschuldigt, Benutzerdaten gestohlen zu haben. Ich habe stattdessen das Stylus-Plugin verwendet.)

Ich empfehle das Stylish Browser Plugin . Auf diese Weise können Sie CSS für alle Notizbücher überschreiben, ohne den Notizbüchern Code hinzuzufügen. Wir möchten die Konfiguration in .ipython / profile_default nicht ändern, da wir einen gemeinsam genutzten Jupyter-Server für das gesamte Team ausführen und die Breite eine Benutzerpräferenz ist.

Ich habe einen Stil speziell für vertikal ausgerichtete hochauflösende Bildschirme entwickelt, der die Zellen breiter macht und unten etwas Leerraum hinzufügt, sodass Sie die letzte Zelle in der Mitte des Bildschirms positionieren können. https://userstyles.org/styles/131230/jupyter-wide Sie können mein CSS natürlich nach Ihren Wünschen ändern, wenn Sie ein anderes Layout haben oder am Ende keinen zusätzlichen Leerraum möchten.

Last but not least ist Stylish ein großartiges Tool in Ihrem Toolset, da Sie andere Websites / Tools ganz einfach nach Ihren Wünschen anpassen können (z. B. Jira, Podio, Slack usw.).

@media (min-width: 1140px) {
  .container {
    width: 1130px;
  }
}

.end_space {
  height: 800px;
}

Für Chrome-Nutzer empfehle ich Stylebot , mit dem Sie jedes CSS auf jeder Seite überschreiben und andere benutzerdefinierte CSS-Freigaben suchen und installieren können. Für unseren Zweck benötigen wir jedoch kein fortgeschrittenes Thema. Öffnen Sie den Stylebot und wechseln Sie zu Edit CSS. Jupyter erfasst einige Tastenanschläge, sodass Sie den folgenden Code nicht eingeben können. Kopieren und einfügen oder nur Ihren Editor:

#notebook-container.container {
    width: 90%;
}

Ändern Sie die Breite nach Ihren Wünschen. Ich finde, 90% sehen besser aus als 100%. Aber es liegt ganz bei Ihnen.

Dies ist der Code, den ich letztendlich verwendet habe. Es dehnt Eingabe- und Ausgabezellen nach links und rechts aus. Beachten Sie, dass die Anzeige der Eingangs- / Ausgangsnummer weg ist:

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

Ich habe einige Änderungen an der Lösung von @ jvd10 vorgenommen. Das '! Wichtig' scheint zu stark zu sein, als dass sich der Container nicht gut anpasst, wenn die Inhaltsverzeichnis-Seitenleiste angezeigt wird. Ich habe es entfernt und 'min-width' hinzugefügt, um die minimale Breite zu begrenzen.

Hier ist meine .juyputer / custom / custom.css:

/* Make the notebook cells take almost all available width and limit minimal width to 1110px */
.container {
    width: 99%;
    min-width: 1110px;
}   

/* Prevent the edit cell highlight box from getting clipped;
 * important so that it also works when cell is in edit mode*/
div.cell.selected {
    border-left-width: 1px;
}

Ich habe alles versucht und nichts hat bei mir funktioniert. Am Ende habe ich meinen Datenrahmen wie folgt als HTML angezeigt

from IPython.display import HTML    
HTML (pd.to_html())

Für Firefox / Chrome-Benutzer ist die Verwendung eines benutzerdefinierten TamperMonkey- Skripts eine gute Möglichkeit, eine Breite von 100% zu erreichen .

Die Vorteile sind

1. Konfigurieren Sie dies einmal in Ihrem Browser, ohne die Serverkonfiguration ändern zu müssen.
2. funktioniert mit mehreren Jupyter-Servern.
3. TamperMonkey ist vertrauenswürdig, gepflegt und stabil.
4. Viele zusätzliche Anpassungen sind über Javascript möglich.

Dieses Skript funktioniert für mich https://gist.githubusercontent.com/mrk-andreev/2a9c2538fad0b687c27e192d5948834f/raw/6aa1148573dc20a22fca126e56e3b03f4abf281b/jpn_tmonkey.js