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

CNFeffery March 7, 2022, 2:49pm 2

You can use AntdTable in my open source components library feffery-antd-components ( feffery-antd-components在线文档 ) , with the maxHeight parameter.

Topic		Replies	Views
Limit bootstrap table height (scroll or pagination) Dash Python	0	581	January 7, 2022
dbc.Table increases height of div and creates a lot of whitespace Dash Python	4	402	April 5, 2023
Dash-table height style definition unexpected behaviour Dash Python	1	331	December 31, 2018
Dynamic Dash Datatable Height Dash Python	2	2528	July 13, 2021
Dash Table setting dynamic height Dash Python	0	295	February 25, 2021

Dash Bootstrap Table: Overflow scroll

Related topics