html表格的标题怎么固定,如何创建具有固定标题但动态列的HTML表格

你想是这样的：

HTML

Column AColumn B

3

7

JS

$(function() {

$("button").click(function (e) {

var cols = $(this).val();

// You'll want to do something here to get the column data

var data = $("

").append($("Col 0"));

for (i = 0; i < cols; i++) {

data.append($("

Col " + (i + 1) + ""));

}

$("#flex-header").prop("colspan", cols);

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

});

});

这将让你周围的列数轻易改变。当然，还有其他方法可以做到这一点(比如切换tbody元素的其他答案)，但这应该会让您在列计数方面有一点灵活性。

编辑

这里是一个更新的jsfiddle与表的切换行为。