Add custom css class to column (or cell) of a DataFrame

Question

By default pandas adds a bunch of (auto-generated) css classes to the html representation of a DataFrame. It's also possible to attach custom css classes to the DataFrame, however only for the entire frame. I would like to gain some finer control over the styling of columns/cells. Due to some constraints the manipulation via attributes is not a feasible option (showcased in the docs).

Is it possible to add custom css classes to certain columns?

[Check this](https://stackoverflow.com/questions/50807744/apply-css-class-to-pandas-dataframe-using-to-html) — Iakovos Belonias, Mar 19 '19 at 08:42
This doesn't solve the problem because `to_html` adds the css-class to the entire table. — James MIller, Mar 19 '19 at 08:50

score 1 · Answer 1 · answered Apr 20 '21 at 21:24

Something like this works, with "tag" and "notes" being columns:

df_data = pd.DataFrame(...)

df_data_s = df_data.set_table_styles({
'tag'   : [dict(selector='td', props=[('max-width', '150px'),('word-wrap', 'break-word')])],
'notes' : [dict(selector='td', props=[('max-width', '150px'),('word-wrap', 'break-word')])],
overwrite=False)

html = df_data_s.render()

From: https://pandas.pydata.org/pandas-docs/stable/user_guide/style.html#Table-styles

Add custom css class to column (or cell) of a DataFrame

1 Answers1