Dash Bootstrap Table: Overflow scroll

Dash Python
3

Following this answer on StackOverflow, the best thing to do is probably just wrap the table in a html.Div and set height and scroll on the div.

Here’s an example.

import dash_bootstrap_components as dbc
from dash import Dash, html
from pandas.util.testing import makeDataFrame

df = makeDataFrame()

app = Dash(external_stylesheets=[dbc.themes.BOOTSTRAP])

app.layout = dbc.Container(
    dbc.Card(
        html.Div(
            dbc.Table.from_dataframe(df),
            style={"maxHeight": "200px", "overflow": "scroll"},
        ),
        body=True,
    ),
    className="p-5",
)

if __name__ == "__main__":
    app.run_server(debug=True)
3 Likes