there is a bootstrap-vue.js table, which is bound to a computed property that fetches some data from my vuex store.
Each row has a show_details button, which opens a second row as per this link:
However when the data changes in my vuex store, the table re-renders and looses its state (all of the opened ‘show_details’ rows go back to closed).
Is there any way to update the table data in the store and the table, without loosing the table’s current state?
Once receiving the new data from the back-end, before updating the store, you could loop through the old table items array looking for the _showDetails property, and then update the new data array setting _showDetails if the rows are the same (say by using a primary key or other unique row identifier to correlate the rows). Then update the store items array with the new data.