html仿excel冻结 css,如果做类似Excel 冻结首列的效果_html/css_WEB-ITnose

该博客讨论了如何在动态数据加载的表格中实现类似Excel的冻结前四列的效果,以保持关键列在横向滚动时固定。作者提到不希望破坏原有数据结构,因此寻求改动最小的解决方案。解决方案包括使用两个独立的表格、设置CSS样式以实现冻结效果,以及利用jQueryEasyUI等前端框架。此外,还提到了一些关于页面布局和数据处理的建议。
摘要由CSDN通过智能技术生成

我有一个table ,数据是动态读取的,现在想把前面四列做成类似Excel 冻结的效果,

拖动 横向的滚动条的时候,这四列固定不动,各位有什么思路没有。

如果把这四列提出来到一个独立的DIV,势必会破坏原来的数据结构,而且,我这个页面数据很多,炒鸡复杂,所以希望有个改动量最小的解决方案。

回复讨论(解决方案)

Duang!~ Duang!~ Duang!

Duang!~ Duang!~ Duang!

圆圆,你好啊

做两个table啊,固定不动的四列做一个table放左边,可以动的一个table放右边,溢出隐藏也设到右边,这样右边滚动就不会影响左边。

动态读取到数据时两个table同时往下加行就行了。

把需要懂的用大的div包裹起来,设置width, overflow-x:scroll。

做好标记就可以

然后拖动的时候判断class值 就可以! 首先把td的复制一份! 其实原来的td还是滚的 不过把新的复制的这个设置成固定位置!

做好标记就可以

然后拖动的时候判断class值 就可以! 首先把td的复制一份! 其实原来的td还是滚的 不过把新的复制的这个设置成固定位置! 说的挺靠谱的,能不能贴下JS代码。怎么把新的固定。详细点说嘛,大婶

把需要懂的用大的div包裹起来,设置width, overflow-x:scroll。

你这个太投机取巧了。

jQuery EasyUI 数据网格 - 设置冻结列

http://download.csdn.net/detail/qq_26505177/8494335

才上传的插件,看看能帮到你不。

把需要懂的用大的div包裹起来,设置width, overflow-x:scroll。

你这个太投机取巧了。

如果数据量太庞大,用插件复写麻烦的话。

就看看 初始版 ,那个可以很容易的简写~不够傻瓜式。

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值