Slow table update with 200+ rows about vue-table HOT 2 CLOSED

@dominikveils I'm afraid it can't be run any faster. Due to that many rows of data (and columns), there will be a lot of data for Vue.js to track and I guess track-by wouldn't help either. Even if you do not use callbacks to format your data, the rendering will still be slow because of the real time template rendering and vuetable template is also quite complex. In my opinion, it might be faster if you render your table manually without using vuetable because it might be more suitable in your use case.

from vue-table.

Just wanted to add to @dominikveils so you don't waste time on this.

ratiw is right, I've been trying to build a table editor that use Semantic UI for styling and it's not much slower than using standard tables (~10% slowdown at most).

If you only view the table, then use plain html + css.

But if you need to have it re-active or re-paint all of it, it won't work.

Your only bet here is to use vanilla JS but even if you do, you could only get about double the speed of Vue.js (Vue overhead is 1.92 in latest benchmarks) if you work really hard at it.

You can check and edit this benchmark to see how fast your script can become (in theory).

http://mathieuancelin.github.io/js-repaint-perfs/

from vue-table.