黑马程序员技术交流社区

标题: 在html上实现一个table遇到的问题，没辙了，请指导。 [打印本页]

---

作者: 赵宇    时间: 2012-9-25 20:02
标题: 在html上实现一个table遇到的问题，没辙了，请指导。
我要在html上实现一个table，当table的数据超过一定行的时候，让他自动出来一个滚动条。我用<div style="overflow: auto; width: 899px; height: 253px; border:none"></div>. 就是用div分层可以让他旁边出现滚动条。但是滚动条出来的时候，它会连表头也一起滚动，我想让表头不动。因此我用了两个table，表头和表身个一个table。这样把div加在表身那个table上，就可以实现。
可是！！！出现一个问题，就是表头和表身总是对不齐，只要表身的数据有变化，比如数据太长，表头和表身就错位了。调好后只要数据变了，有时候又会对不齐，没辙了。来请教高人。如何解决？

---

作者: 尤圣回    时间: 2012-9-25 20:10
<div style="overflow: auto; width: 80%px; height: 40%; border:none"></div>这样看看

---

作者: 周万谋    时间: 2012-9-25 20:14
试试用一个表单装起来,设置绝对定位看看
<form action="" method="post" id="myform" name="myform" style="position:absolute; overflow:auto; height:200px;">
  <thead>
      ...
</thead>
<tbody>
..
</tbody>
</form>

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2