前言
在 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 属性,但是我们不可能全把他们记住
这里教大家一个小技巧:
- 随意创建一个 后缀是 .css 的文件
- 用 vscode 打开 css 文件
- 随意输入一个选择器
- 在里面就能得到一级棒的智能提示
肯定有人吐槽,这有啥用呀!?
如果我告诉你,这可以让表格与 matplotlib 等图表联动呢?
我正在研究这种实现,并且已经有了一定的进展。下次再分享
你学会了没有?
记得点赞,转发!谢谢支持!
推荐阅读:
- 震撼发布!自动生成pandas代码,python数据处理神器
- pandas新版本增强功能,数据表多列频率统计