html 表格加滚动条「终于解决」

html 表格加滚动条「终于解决」思路:1.表格放在Div中,设定Div的宽度和高度(不能用百分比),并设置纵向滚动条始终显示。2.设定表格的宽度比Div小一个滚动条的宽度(如Div宽度为500,滚动条宽度为16,则表格的宽度应该设置为500-16=484)。3.表格采用thead,th标签      Header   1  Header   2

大家好,欢迎来到IT知识分享网。

思路:
1.表格放在Div中,设定Div的宽度和高度(不能用百分比),并设置纵向滚动条始终显示。
2.设定表格的宽度比Div小一个滚动条的宽度(如Div宽度为500,滚动条宽度为16,则表格的宽度应该设置为500-16=484)。
3.表格采用 thead,th标签 


<div style=”width:100px;height:100px;overflow-y:scroll;overflow-x:none;”>
<table >
   <thead>
  <tr>
    <th>Header
      1</th>
    <th>Header
      2</th>
    <th>Header
      3</th>
   </tr></thead>
   <tr>
      <td>添加滚动条</td>
      <td>添加滚动条</td>
      <td>添加滚动条</td>
    </tr>
    <tr>
      <td>添加滚动条</td>
      <td>添加滚动条</td>
      <td>添加滚动条</td>
    </tr>
    <tr>
      <td>添加滚动条</td>
      <td>添加滚动条</td>
      <td>添加滚动条</td>
    </tr>
    <tr>
      <td>添加滚动条</td>
      <td>添加滚动条</td>
      <td>添加滚动条</td>
    </tr>
  </table>

</div>

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/24853.html

(0)
上一篇 2023-08-08 17:33
下一篇 2023-08-15 11:33

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信