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?
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
Previous: How to save data by combining element-ui table with contentEditable to edit tables in vue?
<el-upload class="upload-demo" drag action="https: jsonplaceholder.typicode.com posts " multiple> <i class="el-icon-upload">< i> <div class="el-upload__text"><em>< e...
element-ui has a hidden component scrollbar, that is not reflected in the documentation. but this is available in the official complete component list, but how to introduce hidden components such as scrollbar when using on-demand components? ...
vue.js uses element-ui, in which < el-input > how to prohibit the input of special characters such as! @-sharp$% ^ &? ...
I want to change the disabled status of the button through the computer status parameters in the table when the button is available when the inventory is displayed, and disabled when the button is in use <el-row> <el-col :span="2...
: I got the value value through the change method. May I ask how to: can I take the label value? how to take ? <el-select v-model="type2" @change="currentSel"> <el-option v-for="item in options2" :label="it...
The table attribute on the document has fit, whether the width of the column is self-supporting, and the default is true. has no effect. ...