Hi all – Using the dash_bootstrap_components lib, I can’t seem to get the dbc.Table.from_dataframe() component to have a fixed height with scroll inside of a dbc.Card(). Anyone have examples? I imagine I need to set some CSS properties but haven’t found the right solution yet.

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(…

Dash Bootstrap Table: Overflow scroll

Dash Python

nlyle March 8, 2022, 7:14pm 4

Thanks! That worked.

Topic		Replies	Views
Scrollable dbc.Table with max height and sticky header Dash Python	2	2589	March 29, 2022
Problem with DataTable and dash_bootstrap_components Dash Python	2	1271	September 13, 2020
Setting dash-daq graph height in Python Dash Bootstrap Components Dash Python	0	1880	December 7, 2020
DataTable height with fixed_rows Dash Python	3	1773	April 30, 2022
Dynamic Dash Datatable Height Dash Python	2	2494	July 13, 2021

Dash Bootstrap Table: Overflow scroll

Related topics