title: How can I insert <td> element in a specific column of HTML table?
body: <p>I would like insert dynamically a element in a specific column of HTML table with dataBase data. The table has item's names as the headers and item's properties as the first column. I wont insert the value of property in each item's name column so I wont insert the property value in a corresponding cell. Firstly, I inserted the element and the first column with the properties, now I had to insert the values in each corresponding cell. I am using JavaScript and jQuery.</p>
  
  <p>This is the code that I used to insert the headers and the first column:</p>
  
  <pre><code>table.append("&lt;tr id=first&gt;&lt;th&gt;"+"    "+"&lt;/th&gt;");       
      var items = eval('('+ response + ')');
          for(var i = 0, len = items.length; i &lt; len; ++i) {
              table.find('#first').append("&lt;th id="+items[i]+"&gt;"+items[i]+"&lt;/th&gt;");           
          }
      });
      table.append("&lt;/tr&gt;");
      self.port.emit('getDimension');
          self.port.on('dimension', function(response) {
              var dimensions = eval('('+ response + ')');
              for(var i = 0, len = dimensions.length; i &lt; len; ++i) {
                  table.append("&lt;tr id=dimension"+i+"&gt;&lt;td&gt;"+dimensions[i]+"&lt;/td&gt;&lt;tr&gt;");
                  items.forEach(function(item) {
                      if(item.dimension == dimensions[i]) {
                          //HERE I NEED TO INSERT THE CELL IN A COLUMN CORRESPONDING ON A ITEM
                      }
  </code></pre>
  
  <p>How can I do this? How can I select the correct cell?</p>