Performance Issues in Edge with lots of Columns

[sorayadragon]

Issue Type

• Bug

Specs

What version are you using?
2.12.2

What browser?
Edge

Expected Behavior

What did you expect to happen?
Relatively quick load and functionality

Actual Behavior

What actually happened?
Edge (and IE) is extremely slow to render the table as well as perform functions (such as selecting a rows or changing the page) when there are a large number of columns in the table (something like more than 50 columns). This does not occur in Chrome or Firefox.

jsfiddle

https://jsfiddle.net/57a2a4ce/492/

[josephting]

On first glance, the culprit seems to be flushCallbacks on Vue.

On IE 11, Timer (flushCallbacks) was executed for 413ms exclusively (excluding any function calling within flushCallbacks()) while it only took 69ms on Chrome.

Can't say for sure but looks like Edge & IE's JavaScript engine isn't really optimized for Vue.js's reactivity to me.