21+漂亮的Ajax Css表格
貌似没有多少设计师愿意谈到表格设计。本文将介绍21种用CSS样式表设计的漂亮表格,并且结合Ajax技术对表格模式的数据进行排序和筛选。要是你也不知道如何设计一个漂亮的表格的话,相信这篇文章应该很有帮助的。
英文原文:21+ Fresh Ajax CSS Tables
1) Tablecloth – 一个轻量极的CSS表格,易于使用,比较清新..
2) Create a table like Orbitz’s airline flights- 这个CSS表格教程告诉我们如何创建一个表格。并且在鼠标移动到一个单元格时,将提示单元格所在的行、列。

3) A CSS styled table- 这个对于一些功能对比的表格应该是相当合适的鸟,比如说IDC啊,产品销售什么的。

4) Sortable Table 额,这个可以进行数据检索啦。
5) Row Locking with CSS and JavaScript
停留的地方,需要用户再次点击解锁。
作者还发布了另一个教程,使用单选框锁定表格
6) Vertical scrolling tables 表格数据太多的话,可以使用一个滚动条。
7) Replicating a Tree table – 一个树形结构的CSS表格。
8 ) Paginate, sort and search a table with Ajax and Rails -这个例子提供一个动态接口,不需要重载整个页面,实现对表的更改。
9) Collapsible tables with DOM and CSS – 此脚本中允许添加被折叠的表和展开表格的页脚箭头图像。
10) TableSorter plug-in for jQuery – 它的主要功能包括多列排序,为TH元素提供RowSpan和colspan支持和其他功能支持。
11) Stripe your tables the OO way
12) MOOTOOLS javascript Table Row & Column highlighting
13) CSS Table Gallery-93样式表展示
15) Sortable/Resizable/Editable TableKit TableKit是HTML表格增强集合使用原型框架。 TableKit行目前实行分段,列排序,列调整大小和单元格编辑使用Ajax。
16) Make all your tables sortable
17) Zebra Tables Alistapart为我们提供一个很好的例子:使用JavaScript和DOM的应用背景色的样式表单元格。
18 ) Standardista Table Sorting 是一种JavaScript模块,可让您任意列排序的HTML数据表。
20) Mootable 因为他们是从标准表了,他们很好地降解。

















