I am inserting a table row after the current row by clicking on a button. The row is inserted as required; however, the input fields, after the first, and button at the end of the row are not working. The input fields can not be clicked on to add data; however, I can tab into them to add data. The button at the end of the row does not register a click. You can tab to the button and hit enter and it works (tabbing to it and clicking does not).
The existing row is:
The function to add a new row is:
This is what it looks like with the new row added:
Eesh. Manually inserting HTML is really error prone. You probably should be using a framework that supports templates and reacts to changes to your view model. Have you tried something like Angular before?
Stephan van Hulst wrote:At the risk of sidetracking this topic, Bear, can you give a short summary of why Angular is on the way out, and what React and Vue do better?
I'm just reporting the trend I see in job descriptions and the pings I get from recruiters. The number of Angular jobs has decreased sharply over the past few years, while the number of React and Vue jobs has increased, with React being the 800-pound gorilla.
Having worked with Angular, I can make a guess as to why --I personally found it opaque and restrictive, and not very much fun to deal with.