首页 > web前端 > css教程 > 如何使用样式和 CSS 更改 Pandas DataFrame HTML 表中的单元格颜色?

如何使用样式和 CSS 更改 Pandas DataFrame HTML 表中的单元格颜色?

DDD
发布: 2024-11-03 08:15:03
原创
449 人浏览过

How to Change Cell Colors in a Pandas DataFrame HTML Table Using Styles and CSS?

使用样式和 CSS 更改 Pandas DataFrame HTML 表中的单元格颜色

问题:

我们如何通过有选择地为特定单元格和标题着色来自定义 pandas DataFrame HTML 表格的外观?

解决方案:

利用 pandas 的新样式功能,我们可以根据行索引和列索引将自定义 CSS 规则应用于各个单元格。演示:

  1. 突出显示 MOS 行:

    创建一个辅助函数,根据行是否对应于“MOS”返回 CSS 样式header:

    <code class="python">import pandas as pd
    
    def highlight_MOS(s):
        is_mos = s.index.get_level_values(1) == 'MOS'
        return ['color: darkorange' if v else 'color: darkblue' for v in is_mos]</code>
    登录后复制
  2. 应用 CSS 样式:

    使用 apply() 方法将样式功能应用到 DataFrame:

    <code class="python">s = df.style.apply(highlight_MOS)</code>
    登录后复制
  3. 显示风格化表格:

    修改后的 DataFrame 将显示 MOS 行以橙色突出显示的表格:

    <code class="python">s</code>
    登录后复制

其他自定义:

此方法允许通过 CSS 进一步自定义表格的外观。要更改标题和背景颜色,请在 CSS 规则中使用以下属性:

  • background-color
  • 颜色

以上是如何使用样式和 CSS 更改 Pandas DataFrame HTML 表中的单元格颜色?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板