Question

利用js或jQuery的知识动态生成表格，本人新手一名，求大神指点

如图，网页加载时动态生成这个表格，要求表头行和序号列是固定的无法修改，其余数据装在一个数组内，可通过更改数组成员，改变表格的内容。html代码：<table id="table"></table>

Answer 1

$(function(){
	var arr=[
		[1,2,3,4,5],
		[6,7,8,9,10],
		[11,12,13,14,15],
		[16,17,18,19,20]
	];
	$(".test").each(function(index){
		for(var i = 0 ; i < 5; i++){
			$(this).children("th").eq(i+1).text(arr[index][i]);
		}
	})	
});

<table id="table">
		<tr>
			<th>序号</th>
			<th>名称</th>
			<th>型号</th>
			<th>数量</th>
			<th>价格</th>
			<th>供方</th>
		</tr>
		<tr class="test">
			<th>1</th>
			<th></th>
			<th></th>
			<th></th>
			<th></th>
			<th></th>
		</tr>
		<tr class="test">
			<th>2</th>
			<th></th>
			<th></th>
			<th></th>
			<th></th>
			<th></th>
		</tr>
		<tr class="test">
			<th>3</th>
			<th></th>
			<th></th>
			<th></th>
			<th></th>
			<th></th>
		</tr>
		<tr class="test">
			<th>4</th>
			<th></th>
			<th></th>
			<th></th>
			<th></th>
			<th></th>
		</tr>
	</table>

有疑问再追问

追问

我是说整个表格都通过js生成，其中的表头行和序号列固定无法修改，其余数据装在一个数组内可修改！！！