IPython Notebook 中的“斑马表”？答案

【问题标题】："Zebra Tables" in IPython Notebook?IPython Notebook 中的“斑马表”？
【发布时间】：2012-06-01 09:17:44
【问题描述】：

我正在使用出色的 Notebook 进行交互式分析和 Pandas 在 IPython 中构建一些交互式工作流。

我展示的一些表格只要稍微格式化一下就会更容易阅读。我真的很喜欢“斑马表”之类的东西，其中每隔一行都有阴影。我read here 关于如何通过 css 实现这种格式。是否有一种非常直接的方法可以将 css 应用于 IPython Notebook，然后使用样式表呈现表格？

【问题讨论】：

标签： python pandas ipython ipython-notebook jupyter

【解决方案1】：

您可以在<script> 标记内的markdown 单元格中或通过IPython 的IPython.core.display.Javascript 类运行任意javascript（使用jQuery）。有了这些，您可以随心所欲地操作（或破坏）文档，包括添加样式表。

例如，以下将条带化适当分类的表：

<script type="text/javascript">
    $('head').append(
        "<style type='text/css'>tr.odd{background-color: #def}</style>"
    );
</script>

如果您只是将其粘贴在一个降价单元格中，那么它将应用于页面上的所有内容。

或者，您可以在代码单元中从 Python 运行相同的代码（减去 <script> 标签）：

from IPython.core.display import Javascript, display
display(Javascript("""
    $('head').append(
        "<style type='text/css'>tr.odd{background-color: #def}</style>"
    );
"""))

但是这样做只会影响你的表被适当分类，这取决于编写 HTML 的代码（例如在 Pandas 中）。

【讨论】：

最好开始在 pandas 中做一些此类事情（假设 API 已经有些稳定）
仅供参考：this quesion 有一些漂亮的 css3 用于“斑马桌”。

【解决方案2】：

我刚刚发布了一个名为 ipy_table 的项目，它提供了一种简单的机制来在 IPython 笔记本中创建格式丰富的数据表（颜色、边框、对齐方式、浮点格式、斑马阴影等）。该项目位于https://github.com/epmoyer/ipy_table，您可以从https://github.com/epmoyer/ipy_table/blob/master/ipy_table-Reference.pdf 了解它的功能。

【讨论】：