zoukankan      html  css  js  c++  java
  • HTML如何给table添加滚动条

    HTML如何给table添加滚动条

    要给table添加滚动条其实很简单,主要是给table放到一个div里去,然后再设置div显示滚动条即可。示例代码如下所示:

     <!--div比table大小要小才会显示-->
     <div style="overflow-x: auto; overflow-y: auto; height: 100px; 200px;">
        <table id="table" border="1" align="center" width="300px" height="200px">
      <tbody>
       <tr><td>00</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td></tr>
       <tr><td>10</td><td>11</td><td>12</td><td>13</td><td>15</td><td>15</td></tr>
       <tr><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr>
       <tr><td>30</td><td>31</td><td>32</td><td>33</td><td>34</td><td>35</td></tr>
      </tbody>
      
     </table>
      </body>
      </div>

  • 相关阅读:
    java发送qq邮件
    HTTP3次握手和4次挥手
    Bootstrap面试题
    Bootstrap
    响应式布局
    JQuery思维导图
    JQuery相关知识点和面试题
    CSS思维导图
    前端面试题
    CSS3实现跑马效果
  • 原文地址:https://www.cnblogs.com/564085446java/p/3648302.html
Copyright © 2011-2022 走看看