HTML如何给table添加滚动条

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

 <!--div比table大小要小才会显示-->
 <div style="overflow-x: auto; overflow-y: auto; height: 100px; width:200px;">
    <table >
  <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>

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-11-28
  • 2021-09-03
  • 2022-12-23
  • 2021-07-19
  • 2022-12-23
猜你喜欢
  • 2021-06-21
  • 2021-12-27
  • 2021-08-27
  • 2021-11-17
  • 2021-07-01
  • 2022-12-23
相关资源
相似解决方案