你想是这样的:
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与表的切换行为。