css和Ajax制作的表格

2020-09-19 11:12:54

字体：大中小

来源：转载

供稿：网友

表格对于网页设计师来说再熟悉不过，随着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://www.alistapart.com/articles/zebratables/

sortable table

　　18 ) standardista table sorting

下载地址：http://www.workingwith.me.uk/articles/scripting/standardista_table_sorting

sortable table

19) gridview3 example

下载地址：http://extjs.com/playpen/ext-2.0/examples/grid/grid3.html

grid

　　20) mootable

下载地址：http://joomlicious.com/mootable/

mootools

　　21) drag & drop sortable lists with javascript and css

下载地址：http://tool-man.org/examples/sorting.html

drag and drop

上一篇：解决ajax跨域问题的实例

下一篇：Ajax和CSS设计的表格实例

学习交流

windows wamp中配置安装xhprof步骤

windows wamp中配置安装xhprof步骤...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

谷歌为Chromebook应用商店推出优质游戏推荐新版块

2020-09-18 13:06:14

英伟达20GB显存的RTX3080即将发布

2020-09-18 13:04:04

索尼PS5价格公布：399美元起，11月12日开售

2020-09-17 13:37:27

阿里发布首款机器人“小蛮驴” 进军机器人赛道

2020-09-17 13:34:05

消息称快手寻求在香港进行IPO 估值500亿美元

2020-09-17 13:26:10

史玉柱：因游戏作弊陈天桥封了我《传奇》账号一气之下做了《

2020-09-16 13:09:34

疑难解答

图片精选

网友关注