html仿excel冻结 css,如果做类似Excel 冻结首列的效果_html/css_WEB-ITnose
我有一个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处理
html仿excel冻结 css,如果做类似Excel 冻结首列的效果_html/css_WEB-ITnose相关推荐
- 计算机怎样在表格中画正字,excel表格里怎样做艺术字-Excel艺术字怎么在文字下面...
excel2010中怎么插入艺术字 1)在插入选项卡下,点艺术字按钮.详见下图 2)选择某种样式,然后输入文字即可 3)更多的调整选项可在选择艺术字后在格式选项卡下找到设置按钮 Excel中如何插入艺 ...
- 计算机考试excel统计图怎么做,excel表格取数据做统计图-Excel如何制作统计数据...
如何用一个excel表格上的数据做曲线图. 方法一个连续区域,通过"框"输入地选中单元格,如选中A列的A3:A8区域,在名称框中输入"A3:A8"后回车,即可选 ...
- excel oracle 可为空,类似excel定位功能用不为空值填充为空列,用sql怎么实现
测试了,知道了order by rownum的理由 SQL> with t as(select 1 a ,2 b from dual union all select 2,null from d ...
- 纯CSS实现Table固定表头和首列
Table固定表头和首列这种需求应该比较常见.以往的做法,需要写一大堆脚本,而现在,可以使用position:sticky轻松实现这个效果. .table-container {width: 100% ...
- tableau做类excel的业绩对比表
如何在tableau做类似excel中的这种表呢?? 下面就开始用tableau来制作这种表格啦. 数据准备 选取tableau中的"超市示例数据",目的就设定为查看各个城市下的利 ...
- HTML首字下沉的编码,css如何实现首字下沉效果?伪元素+浮动实现效果(代码实例)...
在word文档中有一个首字下沉功能,可以在文章的排版时使用,有时能给文章增色不少.那么css可以实现这样的效果吗?本篇文章就给大家介绍css是如何实现首字下沉效果的,让大家可以了解如何用css的伪元素 ...
- html冻结表格——类似excel功能
这是一个html,无论怎么拖,横向标题和竖向标题都被固定 这是html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti ...
- [html] 如果让你实现一个网页版的办公表格(类似excel),你觉得是否可行?如果可行应该怎么做?
[html] 如果让你实现一个网页版的办公表格(类似excel),你觉得是否可行?如果可行应该怎么做? 尝试过写,底层还是用table,td,tr. 难点在于范围性选择单元格,横纵单元格合并互相不影响 ...
- wpf表格datagrid拖动列_这才是老板要的Excel表格,你做的太丑了!
在网上看到一个高手做的Excel表格,非常的漂亮,今天我们一起仿做一下. 原始的表格,再熟悉不过的样式: 完成后的效果,是不是有让你颠覆三观的感觉? 同样的数据,不同的展示方式,后者不但好看,而且非常 ...
- python做excel麻烦_高效办公必备:别人通宵做的 Excel,我用Python 半小时搞定!
原标题:高效办公必备:别人通宵做的 Excel,我用Python 半小时搞定! 最近经常听到周围的人抱怨:"工作忙,在加班--" 不知不觉,当代职场人早就被"996&qu ...
最新文章
- R语言plotly可视化:plotly可视化箱图、基于预先计算好的分位数、均值、中位数等统计指标可视化箱图、箱图中添加缺口、可视化均值和标准差(With Precomputed Quartiles)
- 1、在Centos上安装Grafana
- 嵌入式驱动之阻塞操作、非阻塞操作
- python中中括号中的负数
- lamba List 转 Map
- 基于C#.NET的高端智能化网络爬虫
- 2018 Multi-University Training Contest 1 Balanced Sequence(贪心)
- 【clickhouse】clickhouse 如何实现tcp方式发送数据
- HDU 5898 odd-even number
- web项目无法热更新
- 如何使用Matlab实现数据的拟合
- 计算机丢失文件无法打开ae,新手AE打开工程文件提示文件丢失解决办法0001.docx...
- 【Websocket编程】基于libwebsockets实现客户端数据通信
- 软件测试工具有哪些?--最全最新的软件测试工具下载地址都在这里!错过绝对后悔!
- 2019/04/15 在调试https://blog.csdn.net/hjw2719/article/details/83473199中程序时出现的问题
- Data Matrix二维码在医疗器械UDI中的应用
- dhtml gantt所有配置_甘特图dhtmlxGantt使用教程:如何快速设置内联编辑器和编辑JavaScript Gantt数据...
- 金九银十进大厂必刷的105道Java面试题(不得不说的秘密)
- 计算机学院晚会标题,计算机学院举办“计忆留夏·e彩纷呈”2017届毕业生晚会...
- Game Plug-ins(2)
热门文章
- 安装软件时“应用程序无法启动,因为应用程序的并行配置不正确......”
- 五子棋等级考试软件的开发(五)
- 个人取得工资、薪金所得应当如何缴纳个人所得税
- 中国台湾研发miniLED技术进展迅速,将给面板技术带来变革
- 韦根(Wiegand协议)
- java两级缓存框架J2cache
- KMSpico 无后门下载
- 用冰封服务器安装系统,如何使用冰封一键在线重装系统
- 计算机上直接拆硬盘在硬盘盒中使用,触目惊心 西数1TB移动硬盘拆解_硬盘/光驱盒_移动存储-中关村在线...
- 企业资源规划 ERP