Dynamic table with bootstrap
<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>