In the vue environment, ElementUI is too slow, what are the high-performance tableUI components?

our requirement requires table to support 10,000 fields of data, without paging, using elementUI"s table component, special card,

are there any table components with high performance that can meet our requirements?


develop one yourself!


data is not paginated and any component is stuck. This is your request data problem, not the component problem, must be paged. Paging requests part of the data, and you request ten thousand data affirmation cards at one time.


10, 000 pieces of data, without pagination or lazy loading, you will get stuck if you render a table tag directly.


table renders stutter because it will constantly affect browser reflow and redraw, which is a special label. For example, the browser itself has rendered the previous cell, but more data in the cell behind you will cause the same column to become wider, and the browser has to go back and modify the previous cell. If it is implemented with table tags, any component will be stuck. Just try to render it with div. You should paginate another 10000 pieces of data. Vue is responsive, displaying data in one data structure, all data in another data structure, and dynamically rendering according to the user's actions (for example, the user clicks to load more or scrolls to the bottom of the page). Of course, if the data is returned from the backend, you can return less each time.


use lazy loading without paging, otherwise rendering 10,000 pieces of data at a time will definitely get stuck. You should also consider the user experience caused by the user's network status, otherwise the best UI components cannot be saved if the user experience is very poor.


if you just show the data and do nothing else, you can use it with this https://clusterize.js.org, and simply render the data for a week.
Preview: https://jsfiddle.net/fx6018vu

.
Menu