Creating interactive table with input elements

[RancidSpring]

Hi there,

I am working on a project and I wanted to create a table from pandas.DataFrame that would not only display the data but also provide input fields or dropdowns for users.
Each row should contain a couple of input elements. Later, the contents of the input elements are going to be inserted into the database.

I’ve read the documentation and tried st.table and st.dataframe, but they do not provide the opportunity for adding input elements into the table. Also tried to create a table, where each dataframe column is a separate st.column, but this approach is not visually acceptable.

So my question is whether there is a workaround to get each row to have such input fields?

Thank you for answering!
Lev.

[Shawn_Pereira]

Hi @RancidSpring,

Have a look at these 2 links:

How to use st.session_state to create DataFrame from user Entry

Hi Folks, I have been thinking of creating a pandas DataFrame from user inputs into streamlit using st.session_state but I didn’t have any sucess … the only things I was abel to do is to store only 1 row and the row is updated everytime I insert a new data into app. Appreciate your support. Code: with st.form(key='add row', clear_on_submit=True): col0, col1, col2, col3, col4, col5, col6, col7, col8, col9= st.columns(10) with col0: idx= st.text_input('Idx') with col1:…

How to add records to a dataframe using python and streamlit

I have a python code that allow user to read dataframe and add new records by enter data in the text input and on the click event the system append the new record to the datafarme The problem is that when user click on the add button the system add the values in new column where each value is a considerate as new record. while what i want is to consider all entered value are in the same record on different columns. [enter image description here] code: import pandas as pd import streamlit …

Cheers

[RancidSpring]

Thank you @Shawn_Pereira for answering! This is helpful, but not exactly what I was looking for. The problem is to have such input elements for each row of a DataFrame (visually aligned with the row). So that only some of the attributes can be set by user, other attributes are pre-defined.

Maybe there is a component, that provides such functionality?

Thank you again for helping!

[Shawn_Pereira]

In that case @RancidSpring , the only other option available is Ag Grid (GitHub - PablocFonseca/streamlit-aggrid: Implementation of Ag-Grid component for Streamlit). If you search this forum, there are examples on how to include images, dropdowns, etc.

Cheers