Question: Switching between inputs is slow in a large HTML table

Question

Switching between inputs is slow in a large HTML table

Answers 1
Added at 2017-11-07 21:11
Tags
Question

I have created a wholesale order form in the form of a large HTML table with lots of number inputs. I've noticed that switching between number inputs and typing values in the inputs are very slow in this table (ie. when I click in an input, it takes time for the cursor to show up; when I type in an input, it takes time for the character to show up). Is there any way for me to remove the lag without paginating the table rows?

You can view and play around with the table here (use guest password "braese").

A screenshot of a Chrome Dev Tools performance recording for clicking inside a single input (I'm not really sure what to make of this): Chrome Dev Tools performance recording

Answers to

Switching between inputs is slow in a large HTML table

nr: #1 dodano: 2017-11-07 22:11

Wow my chrome almost crashed :) It is your styles You are causing layer creation every time you apply translate transform Check out the Layers menu in Chrome Dev tools; Test if it runs better - only table :)

Also order your styles and scripts! - first styles after that scripts

Cheers!

Source Show
◀ Wstecz