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.

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:

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):

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.

User Guide :: Styling @ pandas.pydata.org

Matériel de référence

How to import CSS file into Google Colab notebook (Python3) @ stackoverflow

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