Maison > interface Web > tutoriel CSS > Comment modifier les couleurs des cellules dans un tableau HTML Pandas DataFrame à l'aide de styles et de CSS ?

Comment modifier les couleurs des cellules dans un tableau HTML Pandas DataFrame à l'aide de styles et de CSS ?

DDD
Libérer: 2024-11-03 08:15:03
original
519 Les gens l'ont consulté

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

Changer les couleurs des cellules dans un tableau HTML Pandas DataFrame à l'aide de styles et de CSS

Question :

Comment pouvons-nous personnaliser l'apparence d'un tableau HTML DataFrame pandas en colorant sélectivement des cellules et des en-têtes spécifiques ?

Solution :

En utilisant la nouvelle fonctionnalité de style de pandas, nous pouvons appliquez des règles CSS personnalisées à des cellules individuelles en fonction de leurs indices de ligne et de colonne. Pour démontrer :

  1. Mettez en surbrillance les lignes MOS :

    Créez une fonction d'assistance qui renvoie le style CSS selon que la ligne correspond ou non au « MOS » 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>
    Copier après la connexion
  2. Appliquer le style CSS :

    Appliquer la fonction de style au DataFrame à l'aide de la méthode apply() :

    <code class="python">s = df.style.apply(highlight_MOS)</code>
    Copier après la connexion
  3. Afficher le tableau stylisé :

    Le DataFrame modifié affichera le tableau avec les lignes MOS surlignées en orange :

    <code class="python">s</code>
    Copier après la connexion

Personnalisation supplémentaire :

Cette méthode permet une personnalisation plus poussée de l'apparence du tableau via CSS. Pour modifier les couleurs d'en-tête et d'arrière-plan, utilisez les propriétés suivantes dans les règles CSS :

  • background-color
  • color

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal