Add detail row to SelectableDataTable example

Hi everybody,

I am trying to add a detail row to the SelectableDataTable example (component-template/examples/SelectableDataTable at master · streamlit/component-template · GitHub).

I was trying to follow along the documentation here (https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/detail-row/), however I am failing to get it to work in the streamlit example above.

In contrast to the streamlit example I used a Table, instead of a VirtualTable, otherwise I left the code as it is.

I am using Streamlit version 0.67.0 with Python 3.7 on MacOS.
Any tips / hints that could help me get in the right direction would be greatly appreciated.

Thanks,
Markus

Hi again,
I found a solution that works for me, although most certainly not very elegant or sophisticated.
However, maybe it is useful for other people with the same/similar problem or beginning with components :slight_smile:

Best,
Markus

1 Like