如何在HTML表中动态添加列名

Question

我有一个带有一个标题和两个按钮的HTML表格。一个名称为3days的按钮和其他名称为7的按钮。当我点击按钮3时，在我当前的表中，然后添加了3列。现在我也想要那些列的标题，这应该是动态的，就像列单元格被添加一样。另外，我需要列标题名称基于日期的第一个数字，如13,14,15等。

这是小提琴......

Fiddle

这是jQuery代码..

$(function () {
$("button").click(function (e) {
    var cols = $(this).val();

    // You'll want to do something here to get the column data
    var data = $("<tr></tr>").append($("<td></td>"));
    for (i = 0; i < cols; i++) {
        data.append($("<td>Col " + + "</td>"));
    }

    $("table").show();
    $("#clear").show();
    $("#table table tbody").html("").append(data);
});

$("#clear").click(function () {
   $("table").hide();
    $(this).hide();
});
});

请帮帮我..