随记给table添加横向或者纵向滚动条

最新推荐文章于 2024-09-25 16:09:07 发布

小虾米❀

最新推荐文章于 2024-09-25 16:09:07 发布

阅读量3.8k

点赞数 1

分类专栏：随记

原文链接：https://blog.csdn.net/Jamie2012/article/details/19476199?utm_source=blogxgwz8

版权

随记专栏收录该内容

24 篇文章 0 订阅

订阅专栏

转载地址
HTML如何给table添加滚动条
要给table添加滚动条其实很简单，主要是给table放到一个div里去，然后再设置div显示滚动条即可。示例代码如下所示：

 <!--div比table大小要小才会显示-->
 <div style="overflow-x: auto; overflow-y: auto; height: 100px; width:200px;">
    <table id="table" border="1" align="center" width="300px" height="200px">
  <tbody>
  </tbody>
 </table>
  </body>
  </div>