ホームページ > ウェブフロントエンド > CSSチュートリアル > スタイルと CSS を使用して Pandas DataFrame HTML テーブルのセルの色を変更する方法

スタイルと CSS を使用して Pandas DataFrame HTML テーブルのセルの色を変更する方法

DDD
リリース: 2024-11-03 08:15:03
オリジナル
452 人が閲覧しました

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
  • color

以上がスタイルと CSS を使用して Pandas DataFrame HTML テーブルのセルの色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート