让 JupyterLab 的 Markdown Cell 的表格居于 Cell 左侧

让 JupyterLab 的 Markdown Cell 的表格居于 Cell 左侧

RayAlto OP

OP (指 Opening )

我十分喜欢 Jupyter 系列工具,尤其是 JupyterLab ,用来写 Python 、记笔记,甚至用里面的 Terminal 进行远程管理、用里面的文件管理进行文件的上传&下载,我最喜欢的是 JupyterLab 的做笔记的体验,分 Cell 的设计以及与其他 Cell 的集成十分戳我的 XP 。

但是它的 Markdown 表格是在不是很好看:

JupyterLab Markdown Cell 中表格的默认外观截图

段落的文字啥的都是左对齐的,表格却突然居中了,这个我猜可能是某个标准,或者是 Jupyter 团队的执着,但我觉得很丑,我希望这个表格也是居中的。

Q: 你不是用了很久的 JupyterLab 了吗?咋现在才想起来搞这个?
A: 之前是懒,突然想起来搞这个是因为记笔记是在没有动力,当一个人手中的工作进行不下去的时候他就会开始跑题,这个东西就是在跑题过程中解决的

引经据典

JupyterLab 是支持 Custom CSS 的,咕咕噜一下就能找到 Interface Customization — JupyterLab 4.1.2 documentation ,简而言之就是可以在 ~/.jupyter/custom/custom.css 放一些自己的 CSS ,比如我想让他的表格左对齐:

1
2
3
table {
margin-left: 0 !important;
}

这里需要注意的是 !important 是必需的,如果没有的话 margin-left 会被 inline style 覆盖。

还有一件事(老爹音), JupyterLab 默认不会读这个文件,需要启用 LabApp.custom_css 配置或者启动时加上 --custom-css 选项,比如我选择使用配置文件:

1
2
3
# ~/.jupyter/jupyter_lab_config.py

c.LabApp.custom_css = True

然后重启 JupyterLab 就会发现表格变得很左,这也是没办法的,因为一些纸面上 !important 的东西的逼迫,我们都不得不向左。

JupyterLab Markdown Cell 中表格整体左对齐外观截图

ED

好水啊。

此页目录
让 JupyterLab 的 Markdown Cell 的表格居于 Cell 左侧