html 表格加滚动条

来源:互联网 发布:linux 文件夹 组 编辑:程序博客网 时间:2024/05/01 17:48
思路:
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>
0 0
原创粉丝点击