如果我在我的index.html中定义了一个空表：
<body>
<table width="800" border="0" class="my-table">
<tr>
</tr>
</table>
</body>
然后,通过调用以下JavaScript代码,将行和列添加到my-table：
var myTable = $('.my-table');
var myArr=GET_FROM_SERVER //server returns an arry of object,myArr.length>50
for(var i=0; i<myArr.length)
myTable.append("<tr id="+i+">"
+" <td>"+myArr[i].name+"</td>"
+"<td>"+myArr[i].address+"</td>"
+"</tr>");
myArr是从服务器获取的对象数组,该数组的长度可能超过50.
解决方法
我会用一个div包装桌子
<body>
<div style="overflow:scroll;height:80px;width:100%;overflow:auto">
<table width="800" border="0" class="my-table">
<tr> </tr>
</table>
</div>
</body>
