前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >pandas输出的表格竟然可以动起来?教你华而不实的python

pandas输出的表格竟然可以动起来?教你华而不实的python

作者头像
咋咋
发布2021-09-01 12:21:53
6380
发布2021-09-01 12:21:53
举报
文章被收录于专栏:数据大宇宙

前言

在 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 等图表联动呢?

我正在研究这种实现,并且已经有了一定的进展。下次再分享


你学会了没有?

记得点赞,转发!谢谢支持!

推荐阅读:

  1. 震撼发布!自动生成pandas代码,python数据处理神器
  2. pandas新版本增强功能,数据表多列频率统计
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-05-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 数据大宇宙 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 样式属性
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档