Textarea column in Dash AG Grid

[wen]

Hello everyone,

I would like to use dash AG grid to display a dataframe, and make a column shown as textarea.
Users can change the value but it will keep showing same placeholder in individual cells.
I assume it could be done through cell rendered components but I’m not familiar with React.
If it is possible, can someone give me the hints of an example?

I make a simple illustration to express my idea.
Thank you in advance.

• For placeholder → keep showing same original value
  

  

• For value → user can input cells if they want to change and save new values by clicking the button
  The button will dump new values to a nickname.txt and can be newly loaded to the table when users run the app.
  

  

[AnnMarieW]

Hi @wen

Thanks for providing more information about your use case. I think I have a better understanding of what you are trying to achieve.

In your original post, you wanted users to see the changes. Would something like this be helpful? It shows the changes in a Tooltip. You can find it in the Tooltip tutorial here:

Dash AG Grid Examples: Tooltips

Also, note that you don’t need to make your own custom component for textarea. You can use the built in component agLargeTextCellEditor.
See an example here:

Provided Cell Editors | Dash for Python Documentation | Plotly