Right align numbers in HTML repr of tables

[pwaller]

Is there a way to right-align numbers in the HTML repr of tables? Right now they are left aligned, and it is a bit of a pain.

I see there is a lot of work on conditional HTML formatting recently (e.g, #10250). Is it already possible to achieve this?

/cc @TomAugspurger

[TomAugspurger]

We haven't hooked up DataFrame._repr_html_ to use the new style class. In the meantime you can either use something like

df = pd.DataFrame(np.random.randn(4, 4))
df

df.style.set_table_styles(
    [{"selector": "td", "props": [("text-align", "right")]}]
).set_precision(2)

To right-align each cell, or inject that css straight into the notebook.

[jreback]

add to #11610 the master tracker for this issue

[pwaller]

Awesome, thanks.

[matanox]

Still works :-)

[astoff]

I still see this issue in Pandas 1.3.0. Without the additional styling that Jupyter seems to apply, the dataframe pd.DataFrame([[111.1],[2.222]]) renders like this: