When the element-ui Table table loads too much data, the page will be very stuck, how to deal with it?

this table has so many functions that it feels dead to tell the truth now. I can"t walk any more. There are a lot of cell operations. Using the Element-Ui component library. Although many functions have been implemented, with the improvement of the functionality, the page is not good, and the response time is too slow. Ask the Great God for advice

The

clipboard.png
page is shown above.
ask God for guidance

Mar.05,2021

at present, the display of table is no longer a problem, and the slow stutter response when displayed online is due to network delay. 98% of the time tested by Google browser is that the request takes up the time, the moment when the request is made, but the result does take up most of the time. It takes less than 2s for all the JS at the front end. Thank you very much for your reply. I hope you can get more communication


has anyone solved it? 7000 pieces of data are directly stuck, and what the heck is the advice adopted. It doesn't solve the problem.


can the landlord elaborate on the interaction effects? This table doesn't look very complicated, so it shouldn't get stuck


me, too. I used to show hidden columns and merge cell tree structure


clipboard.png

this, when the amount of data reaches 100 lines, the interaction card is the table layout


https://github.com/livelyPeng. 135perfectly solves the stutter problem of 10,000-level data rendering. Smooth rendering of 10,000-level data will not affect the original function of element el-table


I want to ask how to solve it. I also have the same problem


Hello, there is nothing in it. How to solve

Menu