跳转至

使用熊猫

将 CSS 添加到 Jupyter 笔记本中

原文:https://www.geesforgeks.org/add-CSS-to-the-jupyter-notebook-use-pandas/

在 Jupyter Notebook 中,当我们打印数据的输出表时,它会显示一个包含数据的非常基本的表。但是如果我们想要定制这个默认样式呢?在本文中,我们将看到如何向输出数据表添加样式。

这是 Jupyter 笔记本中默认数据表的外观:

import pandas as pd

df = pd.DataFrame({'A':[1, 2, 3, 4, 5, 6, 7, 8], 
                   'B':[1, 2, 3, 4, 5, 6, 7, 8], 
                   'C':[1, 2, 3, 4, 5, 6, 7, 8],
                   'D':[1, 2, 3, 4, 5, 6, 7, 8]})

df.head()

输出:

现在让我们尝试改变风格。我们可以通过熊猫模块的set_table_style方法来实现。

df.style.set_table_styles()

现在我们需要将“选择器”和“道具”作为参数传递给这个方法,也就是说,我们需要选择表格的 CSS 标签(例如:th、td 等)并更改它们的属性值(例如:背景、字体颜色、字体系列等)。

因此,如果我们需要更改表格数据部分中文本的字体系列,我们可以这样做:

df.style.set_table_styles(

[{'selector': 'td',
  'props': [('font-family', 'Sans-serif')]},
])

让我们尝试添加更多的更改并查看输出。

df = pd.DataFrame({'A':[1, 2, 3, 4, 5, 6, 7, 8], 
                   'B':[1, 2, 3, 4, 5, 6, 7, 8], 
                   'C':[1, 2, 3, 4, 5, 6, 7, 8],
                   'D':[1, 2, 3, 4, 5, 6, 7, 8],
                   'E':[1, 2, 3, 4, 5, 6, 7, 8]})

df.style.set_table_styles(
[
 {'selector': 'th',
  'props': [('background', '# 606060'), 
            ('color', 'white'), ]},
 {'selector': 'td',
  'props': [('color', 'blue')]},
])

输出:

我们也可以通过 **hide_index()**方法隐藏索引列:

df.style.set_table_styles(
[
 {'selector': 'th',
  'props': [('background', '# 606060'), 
            ('color', 'yellow'), ]},
 {'selector': 'td',
  'props': [('color', 'red')]},
]
).hide_index()

输出:



回到顶部