How to disable dash table scroll down option and border

Dash Python
1

Hi I am working on this table that is built with dash_table_experiments. I wanted to learn how to not displaying the scroll down and border so that my table will be able to display all the rows with a better UI. Please help :slight_smile: thank you!

image
image.png1262×597 17.9 KB

2

I think it is a CSS problem.
The Div containing the table, put in 'overlow': 'hidden' as a style option.

3

It still shows up even though I applied the conditions :frowning:

4

Can you copy your code here to have a look?
(Put your code between three ` symbols to make a code-block)

5

Hey Blaceus, here’s a session for the table. Thank you!

                html.H2('Risk Group - Top 10', style={'fontSize': 18}, className="thead-dark"),
            dt.DataTable(
                rows=df.to_dict('records'),
                columns=['Filter Level 1', 'RiskGroup', 'Factor Level', 'Factor Vol', 'Exposure', 'Stand-alone Risk', 'Risk Contribution'],
                id='summary-full-table',
                filterable=True,
                sortable=True,)], className='eight columns')
6

It looks fine with the web view, but if the scroll down shows up when I tried to print the page (with Crtl + P).

image
image.png1251×512 9.86 KB