VS Code 中的 Jupyter Notebook 表格设计答案

【问题标题】：Jupyter Notebook table design in vs codeVS Code 中的 Jupyter Notebook 表格设计
【发布时间】：2021-05-06 07:28:01
【问题描述】：

我担心在 VS Code 中使用 Jupyter Notebook：我试图使用 Markdown 制作一个简单的表格，但遇到了一个简单的问题

| Class Interval | frequency |
| :------------: | :-------: |
| 10-19 | 3 |
| 20-29 | 5 |
| 30-39 | 3 |
| 40-49 | 1 |

我正在使用这个降价代码，但输出在视觉上并不相关，标题彼此非常接近。 Image

我该如何解决这个问题？以及如何在视觉上将标题彼此分开？

【问题讨论】：

请添加一些代码。
已经是代码了，我只是用了vs code-jupyter的markdown功能

标签： python datatable jupyter-notebook

【解决方案1】：

您可以尝试在表格中添加一些 CSS 样式，例如。为表头元素设置样式。

<style>
th {
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
}
</style>

| Class Interval | frequency |
| :------------: | :-------:  |
| 10-19 | 3 |
| 20-29 | 5 |
| 30-39 | 3 |
| 40-49 | 1 |

虽然这改变了我用来测试的降价查看器中的表格，但它似乎并没有改变 Jupyter 笔记本单元格。您可能还想查看this 的答案。

【讨论】：