title: Dynamic table with bootstrap
body: <p>I'm trying to do dynamic table with bootstrap but I can't deduce why it's not working. There's a HTML part:</p>
  
  <pre><code>    &lt;div class="container"&gt;
          &lt;button onclick="CreateTable()"&gt;Extend&lt;/button&gt;          
          &lt;table class="table"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;Employee Id&lt;/th&gt;
                      &lt;th&gt;Name&lt;/th&gt;
                      &lt;th&gt;Country&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr&gt;
                      &lt;td&gt;1&lt;/td&gt;
                      &lt;td&gt;John Doe&lt;/td&gt;
                      &lt;td&gt;Country1&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;2&lt;/td&gt;
                      &lt;td&gt;Mary Moe&lt;/td&gt;
                      &lt;td&gt;Country2&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;3&lt;/td&gt;
                      &lt;td&gt;Jack Dooley&lt;/td&gt;
                      &lt;td&gt;Country3&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;p id="id_tabela"&gt;&lt;/p&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>and there's javascript:</p>
  
  <pre><code>        function CreateTable() {
              var employee = new Array();
              employee.push([4, "Billie Jean", "Country4"]);
              employee.push([5, "Harish Kumar", "Country5"]);
              employee.push([6, "Pankaj Mohan", "Country6"]);
              employee.push([7, "Nitin Srivastav", "Country7"]);
              employee.push([8, "Ramchandra Verma", "Country8"]);
  
              var tablecontents = "";
              for (var i = 0; i &lt; employee.length; i++) {
                  tablecontents += "&lt;tr&gt;";
                  for (var j = 0; j &lt; employee[i].length; j++) {
                      tablecontents += "&lt;td&gt;" + employee[i][j] + "&lt;/td&gt;";
                  }
                  tablecontents += "&lt;/tr&gt;";
              }
              document.getElementById("id_tabela").innerHTML = tablecontents;
          }
  </code></pre>
  
  <p>So I want to extend the table and I can't figure out why it's not working.</p>