What is the best way to implement a table with drilldown in Dash?


As far as I know, there are 3 ways to implement datatables in Dash. But neither can have a drilldown option. By drilldown option I mean something like the following:

The 3 options:

  • dash_table
  • AG Grid
  • tabulator → The javascript implementation supports drilldown: Examples | Tabulator, but I don’t think the Dash wrapper does.

Am I missing something? Is there a way?

Thanks for any help.

So there is actually a short cut that I use to achieve this same effect.

I use dash mantine components and utilize the accordion component. I use a grid or simple grid for the data/table row, and then the expanded area can be filled with a grid or whatever you would like.

Link to Dash Mantine Components

It would look something like this:

You can have more info on the main row, but this is just a simple example.

1 Like