Using Pandas Style

Using Pandas Style#

Starting with itables>=1.6.0, ITables provides support for Pandas Style.

Note

Unlike Pandas or Polar DataFrames, Styler objects are rendered directly using their to_html method, rather than passing the underlying table data to the DataTables library.

Because of this, the rendering of the table might differ slightly from the rendering of the corresponding DataFrame. In particular,

  • The downsampling is not available - please pay attention to the size of the table being rendered

  • Sorting of numbers will not work if the column contains NaNs.

Warning

Pandas Style objects can’t be used with the Streamlit extension for ITables.

import numpy as np
import pandas as pd

import itables

itables.init_notebook_mode()

This is the DataFrame that we are going to style:

x = np.linspace(0, np.pi, 21)
df = pd.DataFrame({"sin": np.sin(x), "cos": np.cos(x)}, index=pd.Index(x, name="alpha"))

df
sin cos
alpha
Loading ITables v2.4.0-dev from the init_notebook_mode cell... (need help?)

Color#

From now on we will display df.style (a Pandas Styler object) rather than our DataFrame df.

Let’s start with a background gradient:

s = df.style
s.background_gradient(axis=None, cmap="YlOrRd")
sin cos
0.000000 1.000000
0.156434 0.987688
0.309017 0.951057
0.453990 0.891007
0.587785 0.809017
0.707107 0.707107
0.809017 0.587785
0.891007 0.453990
0.951057 0.309017
0.987688 0.156434
1.000000 0.000000
0.987688 -0.156434
0.951057 -0.309017
0.891007 -0.453990
0.809017 -0.587785
0.707107 -0.707107
0.587785 -0.809017
0.453990 -0.891007
0.309017 -0.951057
0.156434 -0.987688
0.000000 -1.000000

Format#

We can also choose how the data is formatted:

s.format("{:.3f}").format_index("{:.3f}")
sin cos
0.000 1.000
0.156 0.988
0.309 0.951
0.454 0.891
0.588 0.809
0.707 0.707
0.809 0.588
0.891 0.454
0.951 0.309
0.988 0.156
1.000 0.000
0.988 -0.156
0.951 -0.309
0.891 -0.454
0.809 -0.588
0.707 -0.707
0.588 -0.809
0.454 -0.891
0.309 -0.951
0.156 -0.988
0.000 -1.000

Caption#

s.set_caption("A Pandas Styler object with background colors").set_table_styles(
    [{"selector": "caption", "props": "caption-side: bottom; font-size:1em;"}]
)
A Pandas Styler object with background colors
sin cos
0.000 1.000
0.156 0.988
0.309 0.951
0.454 0.891
0.588 0.809
0.707 0.707
0.809 0.588
0.891 0.454
0.951 0.309
0.988 0.156
1.000 0.000
0.988 -0.156
0.951 -0.309
0.891 -0.454
0.809 -0.588
0.707 -0.707
0.588 -0.809
0.454 -0.891
0.309 -0.951
0.156 -0.988
0.000 -1.000

Tooltips#

ttips = pd.DataFrame(
    {
        "sin": ["The sinus of {:.6f} is {:.6f}".format(t, np.sin(t)) for t in x],
        "cos": ["The cosinus of {:.6f} is {:.6f}".format(t, np.cos(t)) for t in x],
    },
    index=df.index,
)
s.set_tooltips(ttips).set_caption("With tooltips")
With tooltips
sin cos
0.000 1.000
0.156 0.988
0.309 0.951
0.454 0.891
0.588 0.809
0.707 0.707
0.809 0.588
0.891 0.454
0.951 0.309
0.988 0.156
1.000 0.000
0.988 -0.156
0.951 -0.309
0.891 -0.454
0.809 -0.588
0.707 -0.707
0.588 -0.809
0.454 -0.891
0.309 -0.951
0.156 -0.988
0.000 -1.000
Contents