I have an older web app with a data table which every 5 seconds gets updated and has its contents refreshed (think of a process manager).

The table also allows sorting and filtering per row. But while the currently used library (jQuery tablesorter) allows for updating the table contents with the current sorting/filtering persisting, it still does so in a way that any current selection is lost with each data refresh, i.e. every 5 seconds, since it tries to resort all elements by removing and re-adding them to the DOM. (The same goes for the focus of interactive elements inside the cells.)

Now I am looking for a smarter solution, i.e. where the user selection is not lost if a refresh is happening, or at least only if the actual sorting order changes.

I guess a logical and up-to-date solution would involve a data table component in a virtual DOM framework like Vue.js or React, but in that case which one?


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.