I have a standard html table (not a jqx table) which allows me to dynamically create and destroy rows. Each row consists of 12 jqxwidgets. Some dropdownlists, some number fields, some text fields etc. What I’m noticing is that there is a noticable lag between clicking the button and the row with the widgets being rendered. On my computer it takes just over 1 second, however on slower computers it can take up to 3 or 4 seconds. I imagine this is because I’m creating the widgets on the fly as I click the button. However I did expect this to happen a lot quicker. I’m not doing anything fancy on the button push, simply creating the widgets with new names as soon as the button is clicked, wrapping it in some table html and appending it to the tbody of the table.
What is the best way for me to troubleshoot / optimize this for quicker render times?
I’ve uploaded an unlisted video so you can see what I mean. I’ll work on an example so show, but that may be a bit tricky.
https://www.youtube.com/watch?v=4PF65_BHwIc