1

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?

0

Your Answer

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