论坛首页 Web前端技术论坛

21个css和Ajax表格

浏览 8850 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-01-16  

http://static.chinavisual.com/storage/contents/2007/11/29/45356T20071129131442_1.shtml

 

 

 

表格对于网页设计师来说再熟悉不过,随着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

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics