查看原文
其他

天秀!Pandas输出的表格竟然可以动起来?

凹凸数据 2022-05-28

The following article is from 数据大宇宙 Author 卡门的儿子

大家好,我是小五🧐

在 jupyter notebook 中输出 Pandas 数据,会输出一个简洁大方的表格:

不过,看久了也会觉得无趣。

今天我们就尝试让表格动起来 🚀

样式属性

首先要知道一个重点,在 jupyter notebook 环境上的输出,全是 html。因此我们只需要适当加上 css 就能让其可以交互起来。

而 Pandas 本身就提供了一些方法让我们轻松添加样式:

  • 行12:df.style 就能开启 dataframe 样式设置之路
  • set_table_styles 方法可以为表格中的每个标签设置样式
  • 行13:在 html 中,表格的每一行都是一个 tr 标签。这里设置 tr 标签,过渡动画时间为 1秒
  • 行14、15:同理, tr:hover 就是鼠标划过每个 tr 标签时,设置 transform:translate(50%) ,让整个 tr 标签 往右移动自身一半宽度的距离

看起来挺复杂的,里面的每个属性是怎么来的?

这些全是 css 属性,但是我们不可能全把他们记住

这里教大家一个小技巧:

  1. 随意创建一个 后缀是 .css 的文件
  2. 用 vscode 打开 css 文件
  3. 随意输入一个选择器
  4. 在里面就能得到一级棒的智能提示

肯定有人吐槽,这有啥用呀!?

如果我告诉你,这可以让表格与 Matplotlib 等图表联动呢?

我正在研究这种实现,如果有了进展再给大家分享~

最近有啥书?

利用Python进行数据分析(原书第2版):Pandas除了本文介绍的功能,最大的用途就是Pyhton数据分析!《利用Python进行数据分析》非常适合刚学Python的数据分析师或刚学数据科学以及科学计算的Python编程者。阅读本书可以获得一份关于在Python下操作、处理、清洗、规整数据集的完整说明。点击即可查看详情!👇


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存