21個css和Ajax表格

來源:互聯網
上載者:User

表格對於網頁設計師來說再熟悉不過,隨著web標準的興起,表格不再承擔架構網頁布局的重任。迴歸到它本來的功能,表現資料。恐怕有很多網頁設計師
都沒有興趣,我們精選了當今互連網上正在應用的和已經設計好的21個css和Ajax表格,教你一些在表格裡用分類和過濾的功能展示資訊的有用的技巧。對
您在設計網頁時起到錦上添花的作用。

1) Tablecloth

:http://cssglobe.com/lab/tablecloth/

 

  2) Create a table like Orbitz’s airline flights 

:http://www.askthecssguy.com/2007/09/sangeeta_asks_the_css_guy_how_1.html

  3) A CSS styled table

:http://veerle.duoh.com/blog/comments/a_css_styled_table_version_2/

 

4) Sortable Table

:http://www.phatfusion.net/sortabletable/index.htm

 

  5) Row Locking with CSS and JavaScript

:http://www.askthecssguy.com/2007/05/brett_asks_the_css_guy_if_the.html

6) Vertical scrolling tables

:http://www.cssplay.co.uk/menu/tablescroll.html

7) Replicating a Tree table

:http://www.maxdesign.com.au/presentation/tree-table/

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

:http://dev.nozav.org/rails_ajax_table.html

  9) Collapsible tables with DOM and CSS

:http://www.maxdesign.com.au/presentation/tree-table/

10) TableSorter plug-in for jQuery

:http://motherrussia.polyester.se/jquery-plugins/tablesorter/

11) Stripe your tables the OO way

:http://www.thewatchmakerproject.com/journal/309/stripe-your-tables-the-oo-way

  12) MOOTOOLS javascript Table Row & Column highlighting

:http://www.chrisesler.com/mootools/mootools-rowcolumnhighlight.php


13) CSS Table Gallery

:http://icant.co.uk/csstablegallery/

  14) jQuery Table Filter

:http://ideamill.synaptrixgroup.com/jquery/tablefilter/tabletest.htm

15) Sortable/Resizable/Editable TableKit

:http://www.millstream.com.au/upload/code/tablekit/

 

16) Make all your tables sortable

:http://www.kryogenix.org/code/browser/sorttable/

 

  17) Zebra Tables

:http://www.alistapart.com/articles/zebratables/

  18 ) Standardista Table Sorting

:http://www.workingwith.me.uk/articles/scripting/standardista_table_sorting

 

19) GridView3 Example

:http://extjs.com/playpen/ext-2.0/examples/grid/grid3.html

  20) Mootable

:http://joomlicious.com/mootable/

  21) Drag & Drop Sortable Lists with JavaScript and CSS

:http://tool-man.org/examples/sorting.html

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.