title: Dynamically insert/remove table rows (including how to give ID's to added rows)
body: <p>I'm trying to implement a dynamically growing/shrinking table as in the picture. I know I need to use the <code>insertRow()</code> function, but I'm confused about how to dynamically give ID's to the rows. I need to be able to disable the end date input field if the checkbox is checked (that's why the need to give ID's). I need to be able to insert rows and delete rows. I'm fairly experienced in programming concepts but new to JavaScript and web development in general. If anyone could point me to sample code or explain if there is another efficient way of doing it, I'd greatly appreciate it.</p>
  
  <p><img src="https://i.stack.imgur.com/yDMoc.png" alt="table"></p>
  
  <p><a href="https://imgur.com/68t3dH2" rel="nofollow noreferrer">http://imgur.com/68t3dH2</a></p>