李清海's blog » 21+漂亮的Ajax Css表格
Home > HTML & CSS > 21+漂亮的Ajax Css表格

21+漂亮的Ajax Css表格

September 22nd, 2009 grubylee 915 veiws Leave a comment Go to comments

貌似没有多少设计师愿意谈到表格设计。本文将介绍21种用CSS样式表设计的漂亮表格,并且结合Ajax技术对表格模式的数据进行排序和筛选。要是你也不知道如何设计一个漂亮的表格的话,相信这篇文章应该很有帮助的。

英文原文:21+ Fresh Ajax CSS Tables

1) Tablecloth – 一个轻量极的CSS表格,易于使用,比较清新.. :grin:

c1

2) Create a table like Orbitz’s airline flights- 这个CSS表格教程告诉我们如何创建一个表格。并且在鼠标移动到一个单元格时,将提示单元格所在的行、列。

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

c4
4) Sortable Table 额,这个可以进行数据检索啦。

c5

5) Row Locking with CSS and JavaScript

停留的地方,需要用户再次点击解锁。

c3作者还发布了另一个教程,使用单选框锁定表格

6) Vertical scrolling tables 表格数据太多的话,可以使用一个滚动条。

c6

7) Replicating a Tree table – 一个树形结构的CSS表格。

c7

8 ) Paginate, sort and search a table with Ajax and Rails -这个例子提供一个动态接口,不需要重载整个页面,实现对表的更改。

c9

9) Collapsible tables with DOM and CSS – 此脚本中允许添加被折叠的表和展开表格的页脚箭头图像。

c8

10) TableSorter plug-in for jQuery它的主要功能包括多列排序,为TH元素提供RowSpan和colspan支持和其他功能支持。

c10

11) Stripe your tables the OO way

c11

12) MOOTOOLS javascript Table Row & Column highlighting

c12

13) CSS Table Gallery-93样式表展示

c13

14) jQuery Table Filter

c14

15) Sortable/Resizable/Editable TableKit TableKit是HTML表格增强集合使用原型框架。 TableKit行目前实行分段,列排序,列调整大小和单元格编辑使用Ajax。

c22

16) Make all your tables sortable

c16

17) Zebra Tables Alistapart为我们提供一个很好的例子:使用JavaScript和DOM的应用背景色的样式表单元格。

c17

18 ) Standardista Table Sorting 是一种JavaScript模块,可让您任意列排序的HTML数据表。

c18

19) GridView3 Example

c19

20) Mootable 因为他们是从标准表了,他们很好地降解。

c20

21) Drag & Drop Sortable Lists with JavaScript and CSS

c21

Categories: HTML & CSS Tags: , ,
声明:本站遵循署名-非商业性使用-相同方式共享 3.0共享协议. 转载请注明转自 李清海's blog
  1. No comments yet.
  1. No trackbacks yet.