JupyterLab: увеличить максимальную высоту ячейки с кодом ввода и отключить вертикальную прокрутку

#jupyter-notebook #jupyter-lab #jupyterhub

#jupyter-записная книжка #jupyter-lab #jupyterhub

Вопрос:

Как мне увеличить максимальную высоту ячейки по умолчанию или отключить отдельную вертикальную прокрутку для ячеек с кодом (ввода)?

По умолчанию ячейки с кодом ввода в JupyterLab имеют ограниченную высоту. После превышения максимальной высоты добавляется полоса прокрутки. Это привело к появлению двух полос прокрутки — одной для всей записной книжки, а другой для длинных ячеек, что затруднило работу пользователя.

Для записи длинные ячейки отображаются так же, как в классических записных книжках Jupyter, и, следовательно, в них легче ориентироваться.

P.S. Уменьшение размера ячеек не является приемлемым вариантом при работе со встроенным текстом SQL и вообще не является предпочтительным. Мне также нравится объединять ячейки (со служебными функциями) вместе, чтобы свести к минимуму выполнение не по порядку, что является проклятием интерактивного программирования.

введите описание изображения здесь

Ответ №1:

Вы можете попробовать добавить следующую строку в настройки CodeMirror:

 "scrollbarStyle":null
  

в меню Settings->Raw View->CodeMirror->User Overrides . Документацию по ней можно найти здесь.

Я не могу это протестировать, потому что в моей JupyterLab полоса прокрутки никогда не отображается, независимо от того, сколько строк (до 300) кодов я поместил в ячейку notebook. Я использую JupyterLab 0.35.3 и firefox 65.0 (также протестирован в Chrome 72.0).

Комментарии:

1. Для меня, похоже, это не имеет никакого значения. Вот что я туда добавляю {"scrollbarStyle":null} . У меня 180 строк, и там есть полоса прокрутки : (

2. Какую версию JupyterLab и браузера вы используете?

3. JupyterLab: версия 0.35.4, Chrome: 72, macOS: 10.13

Ответ №2:

Испытывая то же чувство и не зная, что я делаю, просто экспериментирую с этим.. Я нашел элемент в dev-tools с полосой прокрутки .. и изменил этот файл : .jupytercustomcustom.css, содержащий последнюю запись:

 /* Make the notebook cells take almost all available width */
.container {
    width: 98% !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;
}
div.output_scroll {
    height: 100% !important;
}