Heim > Web-Frontend > CSS-Tutorial > Wie ändere ich Zellenfarben in einer Pandas DataFrame-HTML-Tabelle mithilfe von Stilen und CSS?

Wie ändere ich Zellenfarben in einer Pandas DataFrame-HTML-Tabelle mithilfe von Stilen und CSS?

DDD
Freigeben: 2024-11-03 08:15:03
Original
449 Leute haben es durchsucht

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

Zellenfarben in einer Pandas DataFrame-HTML-Tabelle mithilfe von Stilen und CSS ändern

Frage:

Wie können wir das Erscheinungsbild einer Pandas-DataFrame-HTML-Tabelle anpassen, indem wir bestimmte Zellen und Überschriften selektiv einfärben?

Lösung:

Durch die Nutzung der neuen Styling-Funktionalität von Pandas ist dies möglich Wenden Sie benutzerdefinierte CSS-Regeln auf einzelne Zellen basierend auf ihren Zeilen- und Spaltenindizes an. Zur Demonstration:

  1. MOS-Zeilen hervorheben:

    Erstellen Sie eine Hilfsfunktion, die CSS-Stile basierend darauf zurückgibt, ob die Zeile dem „MOS“ entspricht. 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>
    Nach dem Login kopieren
  2. CSS-Styling anwenden:

    Wenden Sie die Styling-Funktion mit der apply()-Methode auf den DataFrame an:

    <code class="python">s = df.style.apply(highlight_MOS)</code>
    Nach dem Login kopieren
  3. Zeigen Sie die stilisierte Tabelle an:

    Der geänderte DataFrame zeigt die Tabelle mit orange hervorgehobenen MOS-Zeilen an:

    <code class="python">s</code>
    Nach dem Login kopieren

Zusätzliche Anpassung:

Diese Methode ermöglicht eine weitere Anpassung des Erscheinungsbilds der Tabelle über CSS. Um die Kopf- und Hintergrundfarben zu ändern, verwenden Sie die folgenden Eigenschaften in den CSS-Regeln:

  • background-color
  • color

Das obige ist der detaillierte Inhalt vonWie ändere ich Zellenfarben in einer Pandas DataFrame-HTML-Tabelle mithilfe von Stilen und CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage