20个很漂亮的css表格

《20个很漂亮的css表格》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、20个经典的Ajax+CSS表格，点击Word中的超链接进入下载代码并不是所有的Web开发者都会对美化表格数据感兴趣，今天我们收集了20个功能强大，外观漂亮的基于Ajax+CSS的表格效果，你可以从这些示例中学习怎么使用这些表格提供的排序和过滤的功能来组织表格中的数据。现在让我们来看看这些表格：（点击每个样式前面的链接即可进入下载）　　#1.Tablecloth　　Tablecloth由CSSGlobe开发，是一个轻量级的、易于使用的表格，以友好的方式将样式和行为添加到你当前的HTML表格元素当

2、中。　　#2.AsktheCSSGuyTable　　AsktheCSSGuyTable演示了怎么样创建一个可以显示数据之间的关系的表格，例如在单击某个单元格时可以同时突出显示最顶端的行和最左边的列。　　#3.ACSSstyledtableversion2　　VeerleDuoh为我们介绍了一种如何利用CSS使表格更有吸引力的方法，并且在实现的过程中充分考虑了表格的可访问性。　　#4.SortableTable　　SortableTable——演示了如何按升序或降序排列以及如何过滤显示表格中的数据

3、。　　#5.RowLockingwithCSSandJavaScript　　演示了如何利用Javascript和CSS实现“锁定行”的效果，选中的行会一直显示高亮效果直到用户再次点击才会消失。　　#6.Verticalscrollingtables　　如果你有大量的数据但是没有足够大的空间来显示它，这会是一个很好的解决办法。通过CSS固定表格的页眉和页脚，但是内容却可以滚动显示。　　#7.ReplicatingaTreetable　　利用HTML和CSS建立的树状表格。　　#8.Collapsi

4、bletableswithDOMandCSS　　利用DOM和CSS建立的可折叠的表格效果。表格页脚部分包含的箭头有一个名为“footcollapse”的类，通过为之添加Javascript代码可以让表格展开或折叠。　　#9.TableSorterplug-inforjQuery　　为jQuery定制的插件，它的主要功能包括允许多列排序，支持元素的rowspan和colspan属性。　　#10.StripeyourtablestheOOway　　利用Javascript为指定表格中的行定义交替颜色

5、，并添加onmouseover和onmouseout事件。   #11.MooToolsTableRow&Columnhighlighting　　利用MooTools框架高亮显示鼠标悬停的单元格所在的行和列。　　#12.CSSTableGallery　　又一个利用CSS高亮显示鼠标悬停当前行时的表格效果。　　#13.jQueryTableFilter　　为jQuery框架开发的表格排序、过滤插件，可以通过Ctrl+鼠标单击选择多重列。　　#14.PHPAjaxTable　　支持所有主流浏览器，自

6、动填入数据，利用后台PHP/MySQL可以实时滚动、排序、编辑、添加、过滤数据。包括默认、MSOffice2007、MSOfficeXPExcel三种样式。　　#15.SortTable　　只需为你想要排序的表格添加一个名为“sortable”的class，就可以实现表格的排序功能。　　#16.ZebraTables　　AListApart为我们提供了一个极好的利用Javascript和DOM为表格的单元格应用背景色的示例。　　#17.StandardistaTableSorting　　Stan

7、dardistaTableSorting是一个可以让你按照表格的任何列进行排序的Javascript脚本。　　#18.GridView3Example　　利用ExtJs框架，功能强大的表格。　　#19.Mootable　　利用MooTools框架开发的又一个可排序的表格。　　#20.Drag&DropSortableListswithJavaScriptandCSS　　利用Javascript和CSS实现的可以拖曳、排序列表的效果。 网上看到的。。放出来分享下。。