ブラウザでJupyter / ipythonノートブックのセル幅を増やすにはどうすればよいですか？

ブラウザでipythonノートブックの幅を広げたいのですが。高解像度の画面があり、この余分なスペースを利用するためにセルの幅/サイズを拡大したいと思います。

ありがとう！

編集：5/2017

私は今jupyterthemesを使用しています：https：//github.com/dunovank/jupyter-themes

そしてこのコマンド：

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

幅を100％に設定し、テーマを適切に設定します。

デフォルト設定を変更せず、作業中の現在のノートブックの幅のみを変更する場合は、セルに次のように入力できます。

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

そのdiv.cellソリューションは実際には私のIPythonでは機能しませんでしたが、幸運なことに、誰かが新しいIPythonのための機能するソリューションを提案しました。

コンテンツを含むファイル~/.ipython/profile_default/static/custom/custom.css（iPython）または~/.jupyter/custom/custom.css（Jupyter）を作成する

.container { width:100% !important; }

次に、iPython / Jupyterノートブックを再起動します。これはすべてのノートブックに影響することに注意してください。

これをjupyter（バージョン4.0.6）で動作させるために、私は以下~/.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;
}

jupyterlabを使用する時が来ました

最後に、待望のアップグレードがノートブックに登場しました。デフォルトでは、他の本格的なネイティブIDEと同様にウィンドウの全幅を使用します。

あなたがしなければならないすべては：

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

これがblog.Jupyter.orgからのスクリーンショットです

新規インストール後に通常行うことは、すべてのビジュアルスタイルが保存されているメインのcssファイルを変更することです。Minicondaを使用していますが、場所は他の場所と似ていますC:\Miniconda3\Lib\site-packages\notebook\static\style\style.min.css

一部の画面では、これらの解像度が異なり、1を超えています。念のため、すべてを98％に変更します。ラップトップの外部画面から切断しても、画面幅は98％のままです。

次に、1140pxを画面幅の98％に置き換えます。

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

編集後

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

ノートブックを保存して再起動します

更新

最近、それがインストールされている環境でより広いJupyterセルを使用する必要がありました。

仮想環境で実行する必要がある場合は、jupyterをインストールしました。このサブディレクトリでcssファイルを見つけることができます

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

任意のセルからスタイルシートを呼び出すことにより、ノートブックのCSSを設定できます。例として、ナビエストークスへの12のステップコースをご覧ください。

特に、以下を含むファイルを作成する

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

出発点を与える必要があります。ただし、たとえばdiv.text_cell_render、マークダウンやコードセルを処理するように調整する必要がある場合もあります。

そのファイルがcustom.css次の内容を含むセルを追加する場合：

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

これにより、すべてのスタイリングが適用され、特にセルの幅が変更されます。

（2018年の時点で、JupyterHub / JupyterLabを試してみることをお勧めします。これはモニターの全幅を使用します。これがオプションでない場合は、おそらくクラウドベースのJupyter-as-a-serviceプロバイダーの1つを使用しているため、読み続けます）

（スタイリッシュはユーザーデータを盗んだと非難され、代わりにスタイラスプラグインの使用に移りました）

Stylish Browser Pluginの使用をお勧めします。このようにして、ノートブックにコードを追加せずに、すべてのノートブックのcssをオーバーライドできます。チーム全体で共有Jupyterサーバーを実行しており、幅はユーザー設定であるため、.ipython / profile_defaultの構成を変更したくありません。

縦長の高解像度画面専用のスタイルを作成しました。これにより、セルが広くなり、下部に少しスペースが追加されるので、最後のセルを画面の中央に配置できます。 https://userstyles.org/styles/131230/jupyter-wide もちろん、レイアウトが異なる場合や、最後に余分な空白を入れたくない場合は、私のcssを好みに応じて変更できます。

最後に重要なことですが、Stylishは、他のサイト/ツールを好みに応じて簡単にカスタマイズできるため（たとえば、Jira、Podio、Slackなど）、ツールセットに含める優れたツールです。

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

.end_space {
  height: 800px;
}

Chromeユーザーには、スタイルボットをお勧めします。これにより、任意のページのCSSをオーバーライドできるほか、他の共有カスタムCSSを検索してインストールできます。ただし、私たちの目的では、事前のテーマは必要ありません。Stylebotを開き、に変更しEdit CSSます。Jupyterはいくつかのキーストロークをキャプチャするため、以下のコードを入力することはできません。コピーして貼り付けるか、エディターのみを使用してください。

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

幅を好きなように変更します。90％は100％よりも見栄えが良いと思います。しかし、それは完全にあなた次第です。

これは私が最終的に使用したコードです。入出力セルを左右に引き伸ばします。入出力番号の表示がなくなることに注意してください。

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>"))

@ jvd10のソリューションにいくつかの変更を加えました。TOCサイドバーが表示されている場合、 '！重要'は強すぎてコンテナがうまく適応しないようです。それを削除し、最小幅を制限するために「min-width」を追加しました。

これが私の.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;
}

私はすべてを試しましたが、何もうまくいきませんでした、次のようにHTMLとしてデータフレームを表示することになりました

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

Firefox / Chromeユーザーの場合、100％の幅を実現するための良い方法は、カスタムTamperMonkeyスクリプトを使用することです。

メリットは

1. これをブラウザーで一度構成すれば、サーバー構成を変更する必要はありません。
2. 複数のjupyterサーバーで動作します。
3. TamperMonkeyは信頼され、維持され、安定しています。
4. JavaScriptを介して、さらに多くのカスタマイズが可能です。

このスクリプトは私にとってはうまくいきます