表格操作二三事。。。

table这个html标签，总是那么让人又爱有恨。爱是因为它良好的兼容性，不像div那样各种费事。恨呢，是因为它做的不是很完善，当我们想做一些高级应用的时候就比较难了。本文讲介绍一些表格所欠缺的高级应用。

firstBlood，拉伸和自适应

前提：我们把table放到 div中

  1. 拉伸，特殊的，table里面的th文字不换行，div出滚动条
  2. 自适应，文字换行，table的宽度和包裹div的宽度一致

secondBlood，表头fixed

当表格很长很宽的时候，我们会去拖动滚动条查阅被遮住的数据，更多的时候我们喜欢表头是不动的，甚至就是某一列都不动！


thirdBlood，big data

当数据变的很多的时候，在同一个表格中，我们有时候希望隐藏一些列 从而更直观的比较另外一些列。

俗话说的好，话说多了是包水，直接看案例 ，runjs地址 ↓

http://runjs.cn/code/xu9xooog

时间： 2024-11-06 11:12:40

表格操作二三事。。。的相关文章

selenium与表格的二三事

今天遇到的问题是selenium与表格中行和列的问题! 我想要做的事情是统计当前的table有多少行,表格形式如下如所示: 图中所示为2行,我的定位方式是这样的 : table=driver.find_element_by_id("table1") trlist=table.find_elements_by_tag_name("tr) len(trlist) 但是表格的代码(简化后)如下所示: <tr> <td>td1</td> <t

初识zabbix需了解的二三事

简介 zabbix是一个基于WEB界面的提供分布式系统监视以及网络监视功能的企业级的开源解决方案: zabbix能监视各种网络参数,保证服务器系统的安全运营:并提供灵活的通知机制以让系统管理员快速定位/解决存在的各种问题: 监控平台的组成 数据采集 --> 数据存储 --> 数据展示和分析 --> 报警 常见监控实现方案对比 cacti 优点:利用rrdtool绘图,图形美观: 缺点:报警功能薄弱,不适合大规模监控场景: nagios 优点:报警功能强大: 缺点:只关心正常与否的状态,数

GIS基础软件及操作(二)

原文 GIS基础软件及操作(二) 练习二.管理地理空间数据库 1.利用ArcCatalog 管理地理空间数据库 2.在ArcMap中编辑属性数据 第1步 启动 ArcCatalog 打开一个地理数据库 当 ArcCatalog打开后,点击, 按钮(连接到文件夹). 建立到包含练习数据的连接(比如“E:\ARCGIS\2练习二\Exec2”), 在ArcCatalog窗口左边的目录树中, 点击上面创建的文件夹的连接图标旁的 (+)号,双击个人空间数据库- National.mdb.打开它.. 在N

程序猿二三事之Java基础--Java SE 5增加的特性--语法篇（一）

程序猿二三事之Java基础–Java SE 5增加的特性–语法篇(一) [ TOC ] 为什么是Java SE 5? 目前已经到了JDK-8u74了,JDK7的主版本已经于2015年4月停止公开更新. 那为什么还要来说Java/JDK5呢? Java SE在1.4(2002)趋于成熟,随着越来越多应用于开发企业应用,许多框架诞生于这个时期或走向成熟. Java SE 5.0的发布(2004)在语法层面增加了很多特性,让开发更高效,代码更整洁. 自动装箱/拆箱.泛型.注解.for循环增强.枚举.可

通达OA 一次通达升级的二三事

这不最近OA使用发现有几个问题:工作流设置强制合并和强制并发时不能转交,工作流中的附件会自动复制繁殖,造成附件就有好几十屏打开时跟死机一样,通过咨询通达公司可以通过省级的办法解决,看来他们也发现了这样的问题,还好已经有解决方案. 从通达官网上下载升级包,按照省级说明将文件放到相应目录,断了网线直接在服务器上操作,打开服务器的ip地址访问,上面提示点击链接进行升级,点击链接后就是没有反应,原来用的360浏览器,换了IE也是一样.通达说是浏览器的事,上次就出现过一次这样的情况,怎么办?再安装个火狐?

Java I/O流操作(二)---缓冲流[转]

转自:http://blog.csdn.net/johnny901114/article/details/8710403 一.BufferWriter类 IO的缓冲区的存在就是为了提高效率,把要操作的数据放进缓冲区,然后一次性把缓冲区的内容写到目的地,而不是写一次就往目的地写一次. 在这里要注意的是当我们关闭了缓冲区对象实际也关闭了与缓冲区关联的流对象. BufferWriter类 try { FileWriter fw =new FileWriter("test.txt"); //使

ASP.NET MVC3 实例(六) 增加、修改和删除操作(二)

http://www.jquery001.com/asp.net-mvc3-instance-add-update-delete2.html 上篇我们在 ASP.NET MVC3 中实现了添加操作,由于时间关系没有完成修改.删除操作,我们新建了一个名为"Contact"的 Controller,并实现了添加方法,下边就让我们在此基础上来完成 ASP.NET MVC3 中的修改和删除操作. 首先,我们在 Contact 控制器类中添加一个名为 View()的方法,用来从 Contact

Ubuntu12.04 Version 安装二三事

Ubuntu12.04 Version 安装二三事 安装输入法 因为是全英的系统,所以,中文输入法是一定要装的!!! 介绍一:(和我电脑配置很像,from http://vb2005xu.iteye.com/blog/1748575) Ubuntu上的输入法主要有小小输入平台(支持拼音/二笔/五笔等),Fcitx,Ibus,Scim等.其中Scim和Ibus是输入法框架. 在Ubuntu的中文系统中自带了中文输入法,通过Ctrl+Space可切换中英文输入法.这里我们主要说下Ubuntu英文系统

iOS7下滑动返回与ScrollView共存二三事

[转载请注明出处] = =不是整篇复制就算注明出处了亲... iOS7下滑动返回与ScrollView共存二三事 [前情回顾] 去年的时候,写了这篇帖子iOS7滑动返回.文中提到,对于多页面结构的应用,可以替换interactivePopGestureRecognizer的delegate以统一管理应用中所有页面滑动返回的开关,比如在UINavigationController的派生类中 1 //我是一个NavigationController的派生类 2 - (id)initWithRootV