When loading hundreds of pieces of data, the table component in iview causes the page to stutter to load to 1000 and cause the page to jam.

when the table component in iview loads hundreds of pieces of data, it causes the page to stutter to 1000, causing the page to jam, and paging is also used. I just want to show more data in each page, is there any solution, or is there a good table component to recommend

Apr.02,2021

because the iview table is fully rendered, and the table components are complex, when you render, you are recommended to take a look at the vue-bigdata-table component and github to search. This is what I wrote. Using virtual rendering technology, how much data you see is rendered, and what you can't see is not rendered. In this way, rendering 100000 items will actually render dozens of


table tables (columns) dynamically generated. After a variety of operations will stutter, after the operation of the components of table re-rendering, click sort will also be stuttered, processed as the following, do not stutter, do not understand the principle.
this.columns.forEach (item= > {
item.render= (h, params) = > {

//console.log(params,'yayayyay')

return h ('div', [

  h('span', {
    on: {
      click: () => {
        console.log(params,'')
      }
    }
  }, params.row[item.key]),
])

}
})


it is recommended that you use umy-ui https://www.umyui.com/

Menu