css和Ajax制作的表格

作者佚名技术来源网页制作浏览发布时间 2012-03-07

表格对于网页设计师来说再熟悉不过，随着web标准的兴起，表格不再承担架构网页布局的重任。回归到它本来的功能，表现数据。恐怕有很多网页设计师都没有兴趣，我们精选了当今互联网上正在应用的和已经设计好的21个css和Ajax表格，教你一些在表格里用分类和过滤的功能展示信息的有用的技巧。对您在设计网页时起到锦上添花的作用。

1) Tablecloth

下载地址：http://cssglobe.com/lab/tablecloth/

Tablecloth

　　2) Create a table like Orbitz’s airline flights　

下载地址：http://www.askthecssguy.com/2007/09/sangeeta_asks_the_css_guy_how_1.html

orbitz

　　3) A CSS styled table

下载地址：http://veerle.duoh.com/blog/comments/a_css_styled_table_version_2/

CSS styled table

4) Sortable Table

下载地址：http://www.phatfusion.net/sortabletable/index.htm

row locking

　　5) Row Locking with CSS and JavaScript

下载地址：http://www.askthecssguy.com/2007/05/brett_asks_the_css_guy_if_the.html

row locking

6) Vertical scrolling tables

下载地址：http://www.cssplay.co.uk/menu/tablescroll.html

Vertical scrolling tables

7) Replicating a Tree table

下载地址：http://www.maxdesign.com.au/presentation/tree-table/

table tree

　　8 ) Paginate, sort and search a table with Ajax and Rails

下载地址：http://dev.nozav.org/rails_ajax_table.html

ajax tables

　　9) Collapsible tables with DOM and CSS

下载地址：http://www.maxdesign.com.au/presentation/tree-table/

Collapsible tables

10) TableSorter plug-in for jQuery

下载地址：http://motherrussia.polyester.se/jquery-plugins/tablesorter/

TableSorter

11) Stripe your tables the OO way

下载地址：http://www.thewatchmakerproject.com/journal/309/stripe-your-tables-the-oo-way

TableSorter

　　12) MOOTOOLS javascript Table Row & Column highlighting

下载地址：http://www.chrisesler.com/mootools/mootools-rowcolumnhighlight.php

mootools
13) CSS Table Gallery

下载地址：http://icant.co.uk/csstablegallery/

css gallery

　　14) jQuery Table Filter

下载地址：http://ideamill.synaptrixgroup.com/jquery/tablefilter/tabletest.htm

jquery table filter

15) Sortable/Resizable/Editable TableKit

下载地址：http://www.millstream.com.au/upload/code/tablekit/

sortable, resizable, editable

16) Make all your tables sortable

下载地址：http://www.kryogenix.org/code/browser/sorttable/

sortable table

　　17) Zebra Tables

下载地址：http://

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

1 2 下一页

分享到：更多

你可能对下面的文章感兴趣

上一篇: Javascript初学者实例教程(12):访问XML节点下一篇: 网页制作ajax特效实例

关于css和Ajax制作的表格的所有评论

随机推荐