Freezing the most left column while keeping the table scrollable

Dash Python
1

Hey,

I am using dbc.Table.from_dateframe(mydf) to create a table in my Dash app. However im having trouble freezing the left column of the table. I tried using fixedColumns and fixedNumber in style attribute but didn’t work:
dbc.Table.from_dataframe(
mydf,
striped=True,
bordered=True,
hover=True,
style={
“fixedColumns”: “true”,
“fixedNumber”: “3”,
},
),

Any idea is greatly appreciated!
Zliu

2

hi @zliu
:wave: Welcome to the community.

I can’t find a keyword argument in the Table section of the Dash Bootstrap Docs. So, you would probably have to incorporate some styling with CSS to try to lock the left column.

If you don’t find a solution, the Dash DataTable has the fixed_columns property, allowing you to freeze the left column. Here is the example in the docs.