如果我在我的 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。
我已经成功地完成了所有工作,我的问题是,如何为这个表格添加滚动条,以便如果有太多行,用户可以使用滚动条来查看表格内容。