title: How to POST iterable data from tables
body: <p>I have a table with some date in it:</p>
  <pre><code>        &lt;tr class=&quot;unit-table'&quot;&gt; 
            &lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;&quot; id=&quot;item&quot;&gt;&lt;/td&gt;
            &lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;&quot; id=&quot;price&quot;&gt;&lt;/td&gt;
            &lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;&quot; id=&quot;qty&quot;&gt;&lt;/td&gt;
            &lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;&quot; id=&quot;disc&quot;&gt;&lt;/td&gt;
          &lt;/tr&gt; 
  </code></pre>
  <p>User can add new rows to this table. I'm using Fetch API to post this data. The response from API am trying to post is looks like this</p>
  <pre><code> &quot;computer_and_infrastructure&quot;: [
              {
                  &quot;item&quot;: &quot;Computer Support&quot;,
                  &quot;unit_price&quot;: 30,
                  &quot;qty&quot;: 5,
                  &quot;discount&quot;: 0
              }
          ]
  </code></pre>
  <p>My question is how can I loop through all table data and add it to my request?</p>