html - 如何调整 jupyterlab 笔记本中的滚动输出高度？

Question

有没有办法调整 jupyterlab 笔记本中滚动输出的高度？

可能的解决方案，但需要 HTML/CSS 知识

1. 我从这个问题 resize ipython notebook output window 中找到了这个片段有用，但不能在 jupyterlab 上运行

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

2. 我在这里找到了这个 CSS 片段 Jupyterlab active scroll bars for long results可以使用 stylus 将其包含在内。它可以使滚动输出变小，但由于某种原因无法使它大于默认高度

   .jp-OutputArea-child {
    max-height: 15em;
   }
   

注意我所说的滚动输出可以通过右键单击 + enable scrolling for output

来实现

主要问题:

当我使用 jupyterlab notebooks 时，我有时会有很长的输出，所以我会右键单击 + 启用输出滚动。然后输出被折叠但是我想调整滚动输出的大小(见下图)

我使用的是 jupyterlab 版本 2.2.9

请注意，我知道以下内容，但它们对我不起作用:

• sidecar 扩展
• 为输出创建新 View 功能

Answer 1

您发布的第一个片段可以修改为以下内容以与 JupyterLab 一起使用(已使用 3.1.18 版测试):

from IPython.core.display import display, HTML
display(HTML("<style>.jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea { max-height: 44em; }</style>"))

44em 的值可以根据您希望或多或少地增加可见区域来调整。