table 滚动条在线等待

guozhaoyou1 2011-04-07 09:45:29

页面中有一個帶表頭的長度超過一頁的table，
在不分頁的情況下，如何做到表頭不動，給表身加一滾動條？

我用了两个table， table2放在DIV中 DIV带有纵向滚动条，这样貌似是实现了效果
可由於table 的cols數是隨機產生的，有時可能超過screen的寬度，
所以上下兩個表的cols的寬就不能對應量table列对不齐了。這一點我沒有辦法?

...全文

226 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

duan_dream 2011-04-07

打赏
举报

你去CCS 那提问。。。笨。。。

guozhaoyou1 2011-04-07

打赏
举报

没人啊

guozhaoyou1 2011-04-07

打赏
举报

来人啦 ...哪位神人能搞定

子夜__ 2011-04-07

打赏
举报

这样还是用JS来处理吧。。

//竖条
<body style="overflow:scroll;overflow-y:hidden">
</body>

//横条
<body style="overflow:scroll;overflow-x:hidden">
</body>

两个都去掉
<body scroll="no">
</body>

CSS

<style>body{overflow-y:hidden;}</style>

guozhaoyou1 2011-04-07

打赏
举报

[Quote=引用 5 楼 jiangban1 的回复:]

就是说2个table的单元格的宽度不相等？
直接在<td>里加width属性也不行么？
[/Quote]
不能定死宽度的，要自适应页面大小，客户不希望看到横向滚动条，只能有纵向

jiangban1 2011-04-07

打赏
举报

就是说2个table的单元格的宽度不相等？
直接在<td>里加width属性也不行么？

guozhaoyou1 2011-04-07

打赏
举报

[Quote=引用 1 楼 ssp2009 的回复:]

引用楼主 guozhaoyou1 的回复:
页面中有一個帶表頭的長度超過一頁的table，
在不分頁的情況下，如何做到表頭不動，給表身加一滾動條？

我用了两个table， table2放在DIV中 DIV带有纵向滚动条，这样貌似是实现了效果
可由於table 的cols數是隨機產生的，有時可能超過screen的寬度，
所以上下兩個表的cols的寬就不能對應量table列对不齐了 ……
[/Quote]
问题在于表头计算列宽度百分比的时候，没有滚动条，可table2 列计算百分比的时候，IE 附加了滚动条的宽度算进来了

guozhaoyou1 2011-04-07

打赏
举报

横纵向的一起也试过了，始终都没能对齐好

guozhaoyou1 2011-04-07

打赏
举报

让美工写了好多CSS 也没控制住

快溜 2011-04-07

打赏
举报

[Quote=引用楼主 guozhaoyou1 的回复:]
页面中有一個帶表頭的長度超過一頁的table，
在不分頁的情況下，如何做到表頭不動，給表身加一滾動條？

我用了两个table， table2放在DIV中 DIV带有纵向滚动条，这样貌似是实现了效果
可由於table 的cols數是隨機產生的，有時可能超過screen的寬度，
所以上下兩個表的cols的寬就不能對應量table列对不齐了。這一點我沒有辦法?
[/Quote]那就再加个横向滚动条啊。

12.13 不允许窗口出现滚动条 12.14 页面打开的同时打开另外两个窗口 12.15 慢慢变大的窗口 12.16 设置新打开的窗口为活动窗口 12.17 页面随窗口的改变而改变 12.18 幻灯片式弹出窗口 12.19 弹出窗口生成器 12.20 关...

element-ui的table实现滚动加载，涵el-table组件封装一份

参看大神链接：element-ui 的 el-table 上使用无限滚动加载（与自带的 infinite-scroll 结合）：https://blog.csdn.net/baidu_27769027/article/details/101924676 elementUi官网上是有无限滚动加载功能的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ; charset=utf-8" /> <title>Table滚动条

HTML 保持与table滚动条一致，默认给了一个1像素高度（不然看不到）项目用的是 antd 框架，其他框架自个想办法获取宽度给下面代码保持一致。 <div class="scrollbar" ref="scrollBar"> <div .