Refresh table data button in DataStore details view

Add a “Refresh” button in the DataStore details view, next to the “Add column” button, that would refresh the table content without the need of refreshing the entire web page.

My use case :face_with_monocle:

I started using DataStore in a recent workflow: during the “dev” phase, I kept also the DataStore details page in a new tab in the browser, to quickly check, set and reset data in the table for the different scenarios of my workflow.
I found myself constantly in the need of refreshing the DataStore table view: I didn’t find any way to refresh the data in the table, so I had to always reload the entire web page to see the new data.

Any resources to support this? :technologist:

I have already implemented this feature in my local fork of the n8n repository, and this is a short video of how it works/look like:

refresh-button-data-store-details-view_nicola_abis

Are you willing to work on this? :star_struck:

Yes, definitely! I am a software developer (JS/TS, NodeJS, React, ecc), I already implemented the feature in my local forked repo, and I would like to contribute it to the main repo.

:red_question_mark::red_question_mark::red_question_mark: Questions

I have question about on how to properly contribute in the main n8n repo: should I create an Issue first, and then a related PR? Or directly a PR?

Also, should I first wait for acknowledgment here in the forum before creating Issue/PR in the n8n repo? Or just go there and proceed with it?

Thanks, have a nice day :smiling_face_with_sunglasses:

I created Pull Request for this change

feat(editor): Add refresh button to sync DataTable details view #20528