Modification du style par défaut (CSS) des cadres de données pandas générés par affichage dans Google Colab

Aperçu

Il s'agit d'une méthode pour changer l'apparence par défaut (style / CSS) de la sortie du bloc de données pandas.DataFrame via le module IPython.display dans GoogleColab. 2020-08-12_17h20_05.png

De plus, nous avons confirmé l'opération avec GoogelChrome.

Changer le style du bloc de données

Si vous exécutez ce qui suit dans la cellule de code de GoogleColab.

python


import pandas as pd
df = pd.DataFrame([[1, 2, 3],[4, 5, 6],[7, 8, 9]],
                  columns=['Osaka','Tokyo','Aichi'])
display(df)

Un bloc de données ** formaté à l'aide d'éléments de table HTML ** est généré comme suit:
2020-08-12_17h49_15.png

Si vous souhaitez personnaliser le style (CSS) de ce tableau, insérez un code comme celui-ci: Après cela, le CSS spécifié dans le code sera appliqué à la sortie ** du bloc de données (élément de table HTML) via ʻIPython.display (...) `**.

Changer le CSS appliqué à la sortie du bloc de données


import IPython

def set_css_in_cell_output():
  display(IPython.display.HTML('''<style>
  table.dataframe td, table.dataframe th{
    border:1px solid #dadada;
  }
  table.dataframe th{
    font-family: 'Roboto','Noto',sans-serif;
    background: #eeeeee;
    font-weight: bold;
  }
  table.dataframe td{
    background: #ffffff;
  }
  table.dataframe tbody tr:hover th{
    color: #ffffff;
    background-color:#4169e1;
  }
  table.dataframe tr:hover td{
    background-color: #d7eeff;
  }
  </style>'''))

get_ipython().events.register('pre_run_cell', set_css_in_cell_output)

À partir de maintenant, la trame de données sera sortie comme suit (toutes les tables sont maintenant bordées et la police d'en-tête et la couleur de la souris changeront):
2020-08-12_17h50_00.png

Mise en forme conditionnelle

Il semble utiliser DataFrame.style si vous souhaitez appliquer une ** mise en forme conditionnelle **, telle que la modification de la couleur en fonction du nombre dans la cellule.

Matériel de référence

Recommended Posts

Modification du style par défaut (CSS) des cadres de données pandas générés par affichage dans Google Colab
Trouvez l'index des éléments qui correspondent aux conditions dans la trame / série de données pandas
Afficher progressivement la sortie de la commande exécutée par le sous-processus.
Comparaison de la gestion des trames de données en Python (pandas), R, Pig
Lire la sortie standard d'un sous-processus ligne par ligne en Python
[Android] Afficher des images sur le Web dans la fenêtre info de Google Map
[Google Colab] Je souhaite afficher plusieurs images côte à côte dans une vignette
Pandas du débutant, par le débutant, pour le débutant [Python]
[IOS] Modifiez la durée d'affichage de chaque image de l'animation GIF dans Pythonista3.
Changer le bloc de données des données d'achat de pandas (produit ID X) en dictionnaire
Opérations de base sur les blocs de données écrites par des débutants au cours d'une semaine d'apprentissage de Python
Essayez d'afficher les données ferroviaires des informations numériques des terres nationales en 3D
Sortie du nombre de cœurs de processeur en Python
Lire la sortie du sous-processus, ouvrir en temps réel
L'histoire de la lecture des données HSPICE en Python
Comment afficher des vidéos en ligne dans Google Colab
Sortie sous la forme d'un tableau python
Rechercher par la valeur de l'instance dans la liste
Utilisez Pandas pour écrire uniquement les lignes spécifiées du bloc de données dans le fichier Excel
Découvrez le nombre maximum de caractères dans un texte multiligne stocké dans un bloc de données