Рубрики

Добавьте CSS в Блокнот Jupyter с помощью Pandas

В Jupyter Notebook, когда мы печатаем таблицу вывода наших данных, она показывает очень простую таблицу, содержащую данные. Но что, если мы хотим настроить этот стиль по умолчанию? В этой статье мы увидим, как мы можем добавить стили в нашу таблицу выходных данных.

Вот как выглядит таблица данных по умолчанию в Jupyter Notebook:

import pandas as pd

  

  

df = pd.DataFrame({'A':[1, 2, 3, 4, 5, 6, 7, 8], 

                   'B':[1, 2, 3, 4, 5, 6, 7, 8], 

                   'C':[1, 2, 3, 4, 5, 6, 7, 8],

                   'D':[1, 2, 3, 4, 5, 6, 7, 8]})

  
df.head()

Выход:

Теперь давайте попробуем изменить стиль. Мы можем сделать это с помощью метода set_table_styles модуля pandas.

df.style.set_table_styles()

Теперь нам нужно передать «селекторы» и «реквизиты» в качестве аргумента этому методу, т.е. нам нужно выбрать теги CSS таблицы (например, th, td и т. Д.) И изменить значения их свойств (например, background, font-color, font-family и т. д.).

Итак, если нам нужно изменить семейство шрифтов текста в разделе данных таблицы, мы можем сделать это следующим образом:

df.style.set_table_styles(

  

[{'selector': 'td',

  'props': [('font-family', 'Sans-serif')]},

])

Давайте попробуем добавить больше изменений и посмотрим на результат.

df = pd.DataFrame({'A':[1, 2, 3, 4, 5, 6, 7, 8], 

                   'B':[1, 2, 3, 4, 5, 6, 7, 8], 

                   'C':[1, 2, 3, 4, 5, 6, 7, 8],

                   'D':[1, 2, 3, 4, 5, 6, 7, 8],

                   'E':[1, 2, 3, 4, 5, 6, 7, 8]})

  

  
df.style.set_table_styles(
[

 {'selector': 'th',

  'props': [('background', '# 606060'), 

            ('color', 'white'), ]},

 {'selector': 'td',

  'props': [('color', 'blue')]},

])

Выход:

Мы также можем скрыть столбец индекса с hide_index() метода hide_index() :

df.style.set_table_styles(
[

 {'selector': 'th',

  'props': [('background', '# 606060'), 

            ('color', 'yellow'), ]},

 {'selector': 'td',

  'props': [('color', 'red')]},

]
).hide_index()

Выход:

Рекомендуемые посты:

Добавьте CSS в Блокнот Jupyter с помощью Pandas

0.00 (0%) 0 votes