Hi, I created a layout which contains nested accordion. When I try to open the accordion I get: “Page unresponsive ( wait to be responsive or exit)”. Is there a way that I can debug it? ( I removed the callbacks to see if it causes the issue but it stills give me that note) Or a different questi…

Hello @MaayanShoshan , This is hard to say without seeing your code. Could you please provide an MRE? [image] How to write a Minimal Reproducible Example (MRE) Dash Python Adding a minimal reproducible example to your questions will help attract community members to answe…

Hi! Thanks for responding and sorry for my late response ( I was sick). The code which make the page un-responsive is copied below: def var_table(df, id): return dash_table.DataTable( df.to_dict('records'), [{"name": i, "id": i} for i in df.columns], # style_table={ 'overflowY': 'auto', …

To clarify, the accordion worked if you used a different style of table? Why do you need to display all the tables at once?

Yes, I replaced the style of the table and the accordion now opens quickly. I don’t need to display all the tables at once, the tables are embedded in the close accordion, each table in a different accordion (it is a big nested accordion) , so when the layout is uploaded, it takes time. But I will…

Instead of having all the tables drawn, just use the click events on the accordion to display the table in a specific area. Either the panel, or somewhere else.

Didn’t think about it, sounds good, thanks!

I have different question, that I hope you could help me. The main propose of my GUI is that the user first choose the database source and then I’m updating the layout with the desired data the user wants. My nested accordion contains callbacks that presents tables, graphs etc. The number of items…

I think it may be possible. So, in the left, or so, you have your database options as checkboxes. When a user selects it, it builds the right side, where they can see stuff and manipulate the data. You want all these options to be displayed in a scrollable, collapsible way. Is that correct?

Exactly. I managed resolving this issue with Pattern-Matching Callbacks, Thanks!

So finally I created a simple layout with pre-defined nested accordion which presents tables with callbacks (instead of embedding many tables in the closed accordion), I am using Pattern-Matching Callbacks to manage all my callbacks. I will be happy to share my code once I’m done, Thanks a lot for…

Page unresponsive when trying to open an accordion

Dash Python

jinnyzor January 16, 2023, 8:54am 2

Hello @MaayanShoshan,

This is hard to say without seeing your code. Could you please provide an MRE?

Topic		Replies	Views
Create callback such that datatable only loads after clicking on accordion Dash Python community-components , question	1	659	January 30, 2023
DASH Table in dbc.Accordion Dash Python	2	107	November 27, 2024
Accordion Table Dash Python	1	984	June 8, 2020
Update Dash Mantine AccordionPanel Using Callbacks Dash Python question	1	701	September 27, 2023
Using Dash table on multipage app leads to warning Dash Python doc-candidate	10	909	January 31, 2023

Page unresponsive when trying to open an accordion

Related topics