css和Ajax制作的表格

2024-09-01 08:26:02

字体：大中小

来源：转载

供稿：网友

表格对于网页设计师来说再熟悉不过，随着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和CSS设计的表格实例

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

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注