Creating Dynamic Table using Jquery

Creating Dynamic Table using Jquery

HTML

<div id="dynamictable"></div>

<br/>

<button> Add IDs </button>

CSS

table {
    background:#CCC;
    border:1px solid #000;
}
table td {
    padding:15px;
    border:1px solid #DDD;
}

JavaScript

$('#dynamictable').append('<table>');
var table = $('#dynamictable').children();
for (var i = 0; i < 13; i++) {
    var str = "<tr>";
    for (var j = 0; j < 7; j++) {
        str += "<td style='background:#ccc;'>cell</td>";
    }
    str += "</tr>";
    table.append(str);
}
$('#dynamictable').append('</table>');

$("button").click(function(){
    var index=0;
	$("#dynamictable table td").each(function(){
    	$(this).attr("id", index++);
    });
});