Add multiple rows to table using JavaScript or jQuery [closed]

Question

How can I add multiple rows to a table dynamically using jQuery or JavaScript.

Answer 1

You can use append() to add single row one after the other :

<table id="add"></table>               
<script type="text/javascript">
    function addRow()
    {
        var str ="";
        for(var i=0;i<20;i++)
        {
            str+="<tr>";
            str+="<td>"+i+"</td>";
            str+="</tr>";
        }
        $('#add').html(str); or $('#add').append(str);
    }
</script>