Zeppelin 0.10.0新UI表格列显示不全问题如何修复？

方案1：单Notebook临时修复 #

在当前使用的Notebook中新建一个%md类型的段落，插入自定义样式覆盖默认表格规则，运行该段落即可生效：

%md
<style>
/* 强制表格开启横向滚动 */
.zeppelin-table {
  overflow-x: auto !important;
  display: block !important;
}
/* 固定单元格最小宽度，避免内容挤压 */
.zeppelin-table td, .zeppelin-table th {
  white-space: nowrap !important;
  min-width: 120px !important;
}
</style>

配置完成后重新运行输出表格的段落，表格底部会出现横向滚动条，无需缩小页面缩放比例即可滑动查看所有列。

方案2：服务端全局永久修复 #

• 进入Zeppelin安装目录，找到zeppelin-web-angular/dist/assets/css路径下的全局样式文件
• 在文件末尾追加上述CSS规则，保存后重启Zeppelin服务，所有Notebook的表格都会自动适配横向滚动逻辑。

方案3：版本升级修复 #

该问题属于Zeppelin 0.10.0新UI的已知缺陷，0.10.1及0.11以上的官方稳定版本已经修复了表格横向滚动条不显示的问题，直接升级Zeppelin版本可从根源解决该故障。

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