社区
JavaScript
帖子详情
如何將table設置為一個可滾動的容器?
rainmyheart
2002-10-14 12:17:55
就是將 table 對象的格子設置為有滾動條???
...全文
68
7
打赏
收藏
如何將table設置為一個可滾動的容器?
就是將 table 對象的格子設置為有滾動條???
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
rainmyheart
2002-10-14
打赏
举报
回复
這是在表格裡面加一個 div 對象的,我要的是直接將表格對象設置滾動的!
方工
2002-10-14
打赏
举报
回复
<table width=100 height=100 border=1 style="table-layout:fixed">
<tr><td><div style="width:100%;height:100%;overflow:scroll">asldf lsdjf sdl lsadjf lsjfksladsjf ladsjf sladjfslaf</div></td></tr>
<table width=100 height=100 border=1 style="table-layout:fixed">
<tr><td><div style="width:100%;height:100%;overflow:scroll">kkkkkkkkk kkkkkkk aaaa ssssss d ddddddddddd</div></td></tr>
<table>
潇洒
2002-10-14
打赏
举报
回复
呵.. 上面都写得很清楚了. div +css 可以实现.
其他的情况, 目前没见过.
cell 应该没有滚动属性, 否则上面老大肯定会说的啦.
rainmyheart
2002-10-14
打赏
举报
回复
致 tdl982324(石井坚):
你給我的那個地址裡面的例子,的確是我想要的效果,不過,做法是和我一樣的,用兩個div ,一個div clone 表格的thead,保持靜止,底下tbody 外面再加一個div ,並設置滾動,這樣的確會確保thead 不動,而 tbody滾動,但是這種方法用在靜態頁面是可以,但是用在動態頁面會有問題了,我是用table做grid用的,你不能確保div的定位準確,還有就是不能被fieldset 所包含!
致goldenlove(潇洒.net):
想問一下,用css如何實現? 還有表格的cell對象是否有這麼一個滾動的屬性?
謝謝各位,還望繼續幫忙和關注
潇洒
2002-10-14
打赏
举报
回复
直接似乎不可能.... 只能借助 css 了.
除非你用控件就有可能.....
我现在正在找好用的网络表格控件..
binscut
2002-10-14
打赏
举报
回复
<div style="width:200;height:200;overflow:scroll">
<table width=100 height=100 border=1>
<tr>
<td>sladjfslaf</td>
<td>sladjfslaf</td>
<td>sladjfslaf</td>
</tr>
<tr>
<td>sladjfslaf</td>
<td>sladjfslaf</td>
<td>sladjfslaf</td>
</tr>
<tr>
<td>sladjfslaf</td>
<td>sladjfslaf</td>
<td>sladjfslaf</td>
</tr>
</table>
</div>
Reker熊
2002-10-14
打赏
举报
回复
http://lucky.myrice.com/temp/ft.htm
el-
table
表格既出现横向滚动条,又出现纵向滚动条?
设置overflow-x属性:通过css为el-
table
的父
容器
设置overflow-x:auto或overflow-x:scroll。比如,给每个
table-column>设置固定宽度,且他们相加超过了
table>宽度 就会触发。外面
table
-container为500px 里面 el-
table
宽度设置为800px即可。当表格所有列的宽度总和超过表格
容器
宽度时,el-
table
会默认出现横向滚动条。在css中为包含el-
table
的
容器
设置固定的height。
vue+element 根据父
容器
动态设置
table
高度出滚动条
vue+element 根据父
容器
动态设置
table
高度出滚动条
layui
table
设置滚动条
table
设置一下高度,就会自动出现滚动条:
table
.render({ elem: '#jqGrid' ,height: 420 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui&..
el-
table
根据
容器
大小自适应滚动条-修改滚动条样式
需求:父
容器
里有多个
容器
为上下级,之后浏览器在缩放的时候,上面
容器
高度改变了,所以el-
table
被挤压,如果el-
table
设置的是固定的高度,那么挤压后内容超出父
容器
,本文章就是解决这个问题不自适应错误用法:浏览器伸缩挤压后元素超出了。
antd4里
table
的滚动是如何实现的?
rc-
table
里水平滚动如何实现?
JavaScript
87,994
社区成员
224,689
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章