浏览器端Jupyter Notebook单元格无水平滚动条，如何查看右侧列？

以下是几个有效的解决方法：

• 针对数据表格添加横向滚动样式
  直接为pandas生成的数据表格容器添加横向滚动属性，这是最直接的修复方式：

  from IPython.display import display, HTML
  display(HTML("""
  <style>
      /* 针对pandas生成的数据表格 */
      .dataframe {
          overflow-x: auto !important;
          display: block !important;
          width: 100% !important;
      }
      /* 同时确保单元格容器不限制宽度 */
      .cell_output {
          overflow-x: visible !important;
      }
  </style>
  """))
  

• 补充pandas显示配置
  在你已有的设置基础上，添加两项关键配置：

  pd.set_option('display.max_colwidth', None)  # 避免列内容换行挤压宽度
  pd.set_option('display.expand_frame_repr', False)  # 禁止表格自动换行到下一行
  

• Jupyter Lab专属调整（若使用Lab版本）

  1. 打开Jupyter Lab的设置面板（Settings -> Settings Editor）
  2. 搜索"Notebook"，找到"Cell Outputs"选项
  3. 勾选"Enable Scrolling for Outputs"，并将宽度限制设置为"Unrestricted"

• 用Styler自定义表格样式
  通过pandas的Styler对象直接为表格绑定滚动样式：

  df.style.set_table_styles([
      {
          'selector': 'table',
          'props': [
              ('overflow-x', 'auto'),
              ('display', 'block'),
              ('width', '100%')
          ]
      }
  ])
  

为什么之前的设置无效？ #

你之前设置的display.width仅控制pandas输出的文本宽度，但Notebook的前端渲染容器默认会将表格宽度限制在单元格可视区域内，且未开启横向滚动属性。上述方法直接针对渲染后的表格元素修改样式，突破了容器的宽度限制。

内容的提问来源于stack exchange，提问作者Xhattam