html中table设置滚动条

阅读数:107 评论数:0

跳转到新版页面

分类

html/css/js

正文

主要是给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>
   <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>



相关推荐

一、script标签属性 async 表示立即下载该脚本,但不妨碍页面中的其他操作,只对外部文件有效。 charset 与src属性一起使用,告诉浏览器用来编码这个javascript程序的

一、概述 meta标签共有两个属性,它们分别是http-equiv属性和name属性。 二、meta标签的name属性 name属性主要用于描述网页,与之对应的属性值为content,content中

svg 是Scalable Vector Graphics意为可缩放矢量图形,SVG使用XML格式定义二维图形和绘图程序的语言。 一、使用方式 1、SVG文件可以

最近自己做了一个网站,使用了cdn加速bootstrap和jquery的加载。这里先解释一下什么是cdn。 c

鼠标右移,右上角。   webstorm快捷键 ctrl+/ 注释 按两个shift键 快速查找 ctrl+r 替换 alt+鼠标选择 纵向修改排列在一条线上的元素 ctrl+

一、简介 html2canvas能够实现在用户浏览器端直接对整个或部分页面进行截屏,它不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。 html2canvas脚本将页面渲染成一个canvas

一、原因 音频自动播放会被大多数的浏览器所阻止。 二、解决方法 添加muted属性,这个属性用于规定视频的音频输出应该是静音。

一、去掉或修改横线颜色 .twj-table td, .twj-table ::v-deep th.is-leaf { border-bottom: 1px solid #cadcff; } 二、

在使用html语法编写html5文档时,要求指定文档类型,以确保浏览器能在html5标准模式下渲染网页。 <!doctype html> html语法不区分大小写,<!DOCTYPE html>和<!

一、属性的定义 <元素 属性="值"></元素> <元素 属性='值'></元素> 1、单引号作为属性值时,可以使用双引号,或者使用数字字符引(&#39)代替单引号。 <p title="这是一个