表格操作二三事。。。

标签：

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

firstBlood，拉伸和自适应

前提：我们把table放到 div中

1. 拉伸，特殊的，table里面的th文字不换行，div出滚动条

2. 自适应，文字换行，table的宽度和包裹div的宽度一致

secondBlood，表头fixed

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

thirdBlood，big data

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

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

http://runjs.cn/code/xu9xooog

表格操作二三事。。。

标签：

原文地址：http://my.oschina.net/firstblood/blog/488253