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
453 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!

source:php.cn
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