当前位置:  开发笔记 > 前端 > 正文

使用jQuery的可滚动表

如何解决《使用jQuery的可滚动表》经验,为你挑选了1个好方法。

是否有任何好的和轻的jQuery插件制作Scrollable Tables.

我在http://www.webtoolkit.info/scrollable-html-table-plugin-for-jquery.html上找到了一个,但这不适用于非IE和非FF浏览器.

谢谢!



1> Dan Lew..:

如果您正在寻找轻量代码,请完全跳过jQuery并使用纯HTML/CSS:


        ...
        
Header Item 1Header Item 2
Footer Item 1Footer Item 2
Item 1-1Item 2-1
Item 1-NItem 2-N

关键是在tbody中设置溢出CSS,以便使该部分可滚动(但不是整个表).您还需要设置高度,以便定义可滚动部分的高度.


请记住,这不是"跨浏览器"兼容的解决方案.这在Internet Explorer 7或更低版​​本或Safari中无效.
如果没有'display:block','display:block'会增加各种问题和复杂性.请在分享不起作用的建议之前测试您的代码.
我知道这是个坏事,但在2013年中期,在任何A +浏览器中都无法为<tbody>设置“溢出:滚动”和固定高度。因此,该答案并没有真正回答,因为提出的解决方案至少在仙境中才有效。
推荐阅读
个性2402852463
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有