How to make a specific header in italics using pandas?

Question

I am using Pandas to make an HTML table. I want one of my column headers to be in italics. I can put the whole of a header row in italics like this:

import pandas as pd
col = pd.MultiIndex.from_arrays([["", "one", "one", "two", "two"],
                                 ["a", "b", "c", "d", "e"]])
df = pd.DataFrame(data=[["first", 20, 30, 50, 80],
                        ["second", 30, 40, 90, 20],],
                 columns=col, 
                 )
df_styled = df.style.hide(axis="index")
df_styled.set_table_styles([
    {'selector': 'th.col_heading.level1', 'props': 'font-style: italic;'},
], overwrite=False)

How do I put just one of the column headers "b" in italics?

Timeless · Accepted Answer · 2024-02-02 12:07:55Z

3

You can include the physical position (col<n>) of column "b" in the CSS selector :

df_styled.set_table_styles(
    [
        {
            "selector": "th.col_heading.level1.col1", # << here
            "props": "font-style: italic;",
        },
    ],
    overwrite=False,
)

Output :

answered Feb 2, 2024 at 12:07

Timeless

38.3k6 gold badges33 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

asymptote · Accepted Answer · 2024-02-02 12:09:11Z

you can set table styles by defining a list of styles for all columns or one column at a time:

import pandas as pd

col = pd.MultiIndex.from_arrays([["", "one", "one", "two", "two"],
                                 ["a", "b", "c", "d", "e"]])
df = pd.DataFrame(data=[["first", 20, 30, 50, 80],
                        ["second", 30, 40, 90, 20],],
                 columns=col, 
                 )

df_styled = df.style.hide(axis="index")

# Set the header "b" in italics
df_styled.set_table_styles([
    {'selector': 'th.col_heading.level1', 'props': 'font-style: normal;'},
    {'selector': 'th.col_heading.level1.col1', 'props': 'font-style: italic;'},
], overwrite=False)

# Display the styled DataFrame
df_styled

Adrian Mole · Accepted Answer · 2024-02-02 21:20:20Z

1

You need to specifically target that header with a unique identifier in the CSS. Since Pandas doesn't directly support individual header styling through the style method, you'd typically use a workaround by injecting HTML directly into the column name or using external CSS and JavaScript for web display.

df.columns = pd.MultiIndex.from_arrays([
["", "one", "one", "two", "two"],
["a", "<i>b</i>", "c", "d", "e"]])    
df_styled = df.style.hide(axis="index")

edited Feb 2, 2024 at 21:20

Adrian Mole

52.1k193 gold badges61 silver badges101 bronze badges

answered Feb 2, 2024 at 12:56

Soheil Nazari

111 bronze badge

Collectives™ on Stack Overflow

How to make a specific header in italics using pandas?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related