gpt4 book ai didi

javascript - 如何将滚动条添加到我的动态表?

转载 作者:太空狗 更新时间:2023-10-29 13:21:36 24 4
gpt4 key购买 nike

如果我在我的 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>

关于javascript - 如何将滚动条添加到我的动态表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6345250/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com