Many checkboxes locking browser with Materialize CSS

0

I have a problem that is as follows:

I'm using the Materialize CSS, and Vue Js. I have a table with registers, and in each register has a checkbox next to it to be able to carry out some action with this register, like to send notification by email, etc. And I can also mark all items at once, and everything works as expected.

The problem is that when more than 500 entries are listed, the checkbox starts to gag in the browser, and when that number exceeds 1500 entries, the site simply stops responding.

I use a 5th generation Intel i5, 8gb ram and SSD. I guess this is not gagging on the part of my hardware.

I would like to know if you can optimize this Materialize checkbox, or disable the transition animations, because when you have many items listed on the screen and when you select all at once, the animation buga, and leaves the application soooo slow .

Here's a snippet of how the checkbox is:

<label>
  <input type="checkbox" v-model="movconta.marcado" @click="marcaItem(movconta, val)" />
  <span></span>
</label>
    
asked by anonymous 07.08.2018 / 00:04

0 answers