ホームページ > 記事 > ウェブフロントエンド > スタイルと CSS を使用して Pandas DataFrame HTML テーブルのセルの色を変更する方法
スタイルと CSS を使用した Pandas DataFrame HTML テーブルのセルの色の変更
質問:
特定のセルとヘッダーを選択的に色付けして、pandas DataFrame HTML テーブルの外観をカスタマイズするにはどうすればよいですか?
解決策:
pandas の新しいスタイル機能を利用すると、次のことができます。行と列のインデックスに基づいてカスタム CSS ルールを個々のセルに適用します。デモ:
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>
CSS スタイリングの適用:
apply() メソッドを使用して、DataFrame にスタイリング関数を適用します:
<code class="python">s = df.style.apply(highlight_MOS)</code>
様式化されたテーブルを表示します:
変更された DataFrame は、MOS 行がオレンジ色で強調表示されたテーブルを表示します:
<code class="python">s</code>
追加のカスタマイズ:
このメソッドでは、CSS を通じてテーブルの外観をさらにカスタマイズできます。ヘッダーと背景の色を変更するには、CSS ルールで次のプロパティを使用します:
以上がスタイルと CSS を使用して Pandas DataFrame HTML テーブルのセルの色を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。