Black Lives Matter. Please consider donating to Black Girls Code today.

How to disable dash table scroll down option and border

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!

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

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

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

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')

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