其他
天秀!Pandas输出的表格竟然可以动起来?
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 属性,但是我们不可能全把他们记住
这里教大家一个小技巧:
随意创建一个 后缀是 .css 的文件 用 vscode 打开 css 文件 随意输入一个选择器 在里面就能得到一级棒的智能提示
肯定有人吐槽,这有啥用呀!?
如果我告诉你,这可以让表格与 Matplotlib 等图表联动呢?
我正在研究这种实现,如果有了进展再给大家分享~