`
zccst
  • 浏览: 3291779 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

让table和table中的TD在指定区域滚动

 
阅读更多
使用的属性如下:

<div style="width:100%; height:180px; overflow-y:scroll; position: relative;">
<table></table>
</div>

同理:
<td>
<div style="width:100%; height:180px; overflow-y:scroll; position: relative;"></div>
</td>
分享到:
评论

相关推荐

    jquery实现table拖拽列效果

    用jquery实现table拖拽列功能,可动态改变表格列宽度,并且实现table表格100%的问题,如果列缩小,则自动拉伸最后一列以实现table100%的效果,如果拉伸长度比原长度大,则显示x滚动条。

    JavaScript Table行定位效果

    一开始的需求只是表头部分在滚动时能一直固定在头部,那关键要实现的就是让tr能定位。 首先想到的方法是给tr设置relative,用ie6/7测试以下代码: Code &lt;!DOCTYPE ...

    vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)

    主要介绍了vue中获取滚动table的可视页面宽度,调整表头与列对齐(每列宽度不都相同),需要的朋友可以参考下

    jQuery表格顶部与左右两侧固定滚动代码

    jQuery表格顶部与左右两侧固定滚动代码是一款左右两侧固定列,中间内容可以横向拖动,固定表头,可以横向拖动的表格插件代码。

    Android 自定义可上下左右滑动table

    这是一款可以上下左右滑动的android控件,和前端的table tr、td、差不多,全部源码,可以自己重新定义

    解决Antd Table组件表头不对齐的问题

    在使用Antd的table组件时,由于表头参数过多,于是设置了scroll属性,在其超出一定宽度后进行滚动 但是在添加了该属性之后,经常会出现表头不对齐的问题: 针对该问题Google 了一下解决方案,但大多不是很完善,为...

    js实现滚动条滚动到某个位置便自动定位某个tr

    要实现带滚动条的table,定位到某个tr,其实是很简单的,只有几行js代码就可以完成,具体内容如下 js代码 [removed] function test(){ var $objTr = $(#location); //找到要定位的地方 tr $objTr.css...

    table-gundong.zip_Table_html

    表头固定,根据表格高度让table里的内容隔一段时间循环滚动,设置表格高度为td的整数倍,可自己设置停顿时间简单方便

    不出现滚动条移动表格

    &lt;... &lt;head&gt; &lt;... &lt;tr&gt;&lt;td&gt;bayern1&lt;/td&gt;&lt;td&gt;bayern2&lt;/td&gt;&lt;td&gt;bayern3&lt;/td&gt;&lt;td&gt;bayern4&lt;/td&gt;&lt;td&gt;bayern5&lt;/td&gt;&lt;td&gt;bayern6&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;

    vue-scrolling-table:一个Vue组件,用于创建具有垂直和水平滚动的表。 基于Flexbox

    无需响应-在这种情况下,我只需要一个巨大的表,可以像电子表格一样垂直和水平滚动。 我还需要桌子整齐地适应Flexbox布局,占用任何可用空间。 “没问题,这是在2017年末,我们拥有sticky CSS2的现代浏览器!” 不...

    向左不间断(无缝)滚动图片js代码下载

    向左不间断(无缝)滚动图片js代码,这个代码用的人相信很多,有一点不好的就是当图片不足时不会滚动,所以使用时要多加几张图片。 ---------------------------------------------- 向左不间断(无缝)滚动图片js...

    BootStrap table表格插件自适应固定表头(超好用)

    当然,也可以只在页面上放一个table标签,之后的所有数据和样式都通过js控制也是可以的,后面会说(优点方便控制修改数据,尤其是ajax方式获取的json格式,但是调整样式比较麻烦) ps:这个是插件的官网,里面有...

    css固定table表头的实现代码可同时看到表头和表格底部

    于是有了这样一个问题,一次性将数据全部显示出来,页面就会出现滚动条,这样的话就不能同时看到表头信息和表格底部的数据记录,把每个月的信息记录都分为两页显示的话,又麻烦(切换月份后还要在进行分页操作)。...

    原生js实现表格循环滚动

    本文实例为大家分享了js实现表格循环滚动的具体代码,供大家参考,具体内容如下 css table{width: 500px;border: 1px solid gray;border-collapse: collapse;} th,td{line-height: 35px;border: 1px solid gray;...

    Javascript实现DIV滚动自动滚动到底部的代码

    查询了一下相关的资料,Div没有自动滚动的属性,只能模拟鼠标的滚动来现实想要的效果。... ”divDetail” xss=removed&gt; &lt;table xss=removed&gt; &lt;tr&gt;&lt;td&gt;id&lt;/td&gt;&lt;td&gt;name&lt;/td&gt;&lt;td&gt;age&lt;/td&gt;&lt;td&gt;memo&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;

    BootStrap的table表头固定tbody滚动的实例代码

    关于bootstrap table其他知识不多说,直接给大家贴代码了。 关键代码如下所示: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="UTF-8"&gt; &lt;link rel=...

    世博网页制作

    &lt;td width="590"&gt;&lt;table width="452" height="450" border="0"&gt; &lt;td width="446" height="47"&gt;&lt;img src="title_r20_c1.gif" width="22" height="21" /&gt;&lt;span class="STYLE4"&gt;展馆&lt;/span&gt;&lt;/td&gt; &lt;td height=...

    使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条

    废话不多说了,直接给大家贴代码了,具体代码如下所示: &lt;&#37;@ page language=java import=java.util.* pageEncoding=UTF-8%&gt; &lt;... &lt;head&gt;... &lt;div class=table-responsive&gt; &lt;tabl

    轮播服装饰品鞋帽美容护肤皮具包 免费淘宝装修模板

    文字向上滚动,双击在框内写文字,千万不要拉动或删除这个框哦~&lt;/MARQUEE&gt;&lt;/TD&gt; &lt;TD colSpan=5&gt;&lt;img height=44 alt="" src="http://img01.taobaocdn.com/imgextra/i1/T2BsxLXb8aXXXXXXXX-712306726.jpg" width=390&gt;...

Global site tag (gtag.js) - Google Analytics