html中table设置滚动条

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

height 和 width 可以设置为auto

html中table设置滚动条相关推荐

html中table设置字体,table的默认属性及css字体
前几天一直忙着敲代码,没有时间整理内容今天上了关于position的使用,position属性有五个值 1.inherit 从父元素继承 position 属性的值. 2.static 默认值.没有 ...
layui table 设置滚动条
table设置一下高度,就会自动出现滚动条: table.render({ elem: '#jqGrid' ,height: 420 <!DOCT ...
VC中CListCtrl设置滚动条在最下边的方法（MSDN中的例子）
当插入一条新的记录时同时设置: m_listReport.EnsureVisible(nColumn,FALSE);//设置滚动条到最下面 nColumn为当前记录条数 MSDN中: https:// ...
html中怎么设置滚动条效果,css滚动条样式怎么设置
为了做出更好的视觉效果,有时候需要用css改变浏览器或版块中滚动条的样式,那么应该怎么实现自定义滚动条样式呢? 一.设置css滚动条的7个属性说明(附参考图). 1 ::-webkit-scroll ...
css tr标签自动换行,HTML中table设置td标签内容过多自动换行
今天遇到一个小问题,需要解决table标签中td标签内容过多自动换行的问题. 因为之前有经验(无论是内容过多省略显示还是内容过多换行都做过),这次的需求是内容过多换行显示. 首先在 table 上增加 ...
html中怎么设置滚动条效果,滚动条怎么实现
HTML中如何在div中实现滚动条? HTML中如何在div中实现滚动条? CSS布局HTML小编今天和大家分享问 overflow:scroll; /*任何时候都强制显示滚动条*/overflow: ...
antdv中table组件滚动条样式修改
滚动条的组成: ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块,能上下左右移动(取决于是垂直滚动条还是水平滚动条) :: ...
Vue项目中Table设置 render 函数
statusList1: {0: "",1: "",2: "药品服务费收入",3: "特药服务费收入",4: " ...
Delphi中TFlowPanel实现滚动条效果
由于TFlowPanel中没有设置滚动条的相关属性.所以我们只好另辟溪径.再加一个tscrollbox来实现. 具体操作如下: 1,先添加一个Tscrollbox,设置其align为alclient. ...

html中table设置滚动条

html中table设置滚动条相关推荐

最新文章

热门文章