21个css和ajax表格20.pdfVIP

21个css和ajax表格:20 个经典的 Ajax + CSS 表格 疯狂代码 http://CrazyC/ ĵ http:/CrazyC/BlogDigest/Article78643.html 并不是所有Web 开发者都会对美化表格数据感兴趣今天我们收集了20 个功能强大外观漂亮基于Ajax + CSS 表格效果你可以从这些举例中学习如何使用这些表格提供排序和过滤功能来组织表格中数据 现在让我们来看看这些表格:(点击每个样式前面链接即可进入下载) 　　#1. Tablecloth 　　Tablecloth 由CSS Globe 开发是个轻量级、易于使用表格以友好方式将样式和行为添加到你当前HTML 表 格元素当中 / 　　#2. Ask the CSS Guy Table 　　Ask the CSS Guy Table 演示了如何样创建个可以显示数据的间关系表格例如在单击某个单元格时可以同 时突出显示最顶端行和最左边列 / 　　#3. A CSS styled table version 2 Veerle Duoh 为我们介绍了种如何利用CSS 使表格更有吸引力思路方法并且在实现过程中充分考虑了表格可访 问性 / 　　#4. Sortable Table 　　Sortable Table ——演示了如何按升序或降序排列以及如何过滤显示表格中数据 / 　　#5. Row Locking with CSS and JavaScript 　　演示了如何利用Javascript 和 CSS 实现“锁定行”效果选中行会直显示高亮效果直到用户再次点击才会消 失 / 　　#6. Vertical scrolling tables 　　如果你有大量数据但是没有足够大空间来显示它这会是个很好解决办法通过CSS 固定表格页眉和页脚但是 内容却可以滚动显示 / 　　#7. Replicating a Tree table 　　利用HTML 和CSS 建立树状表格 / 　　#8. Collapsible tables with DOM and CSS 　　利用DOM 和CSS 建立可折叠表格效果表格页脚部分包含箭头有个名为“footcollapse”类通过为的添加 Javascript 代码可以让表格展开或折叠 / 　　#9. TableSorter plug-in for jQuery 　　为jQuery 定制插件它主要功能包括允许多列排序支持 元素rowspan 和colspan 属性 / 　　#10. Stripe your tables the OO way 　　利用Javascript 为指定表格中行定义交替颜色并添加onmouseover 和onmouseout 事件 / ; ; ; #11. MooTools Table Row Column highlighting 　　利用MooTools 框架高亮显示鼠标悬停单元格所在行和列 / 　　#12. CSS Table Gallery 　　又个利用CSS 高亮显示鼠标悬停当前行时表格效果 / 　　#13. jQuery Table Filter 　　为jQuery 框架开发表格排序、过滤插件可以通过Ctrl + 鼠标单击选择多重列 / 　　#14. PHP Ajax Table 　　支持所有主流浏览器自动填入数据利用后台PHP / MySQL 可以实时滚动、排序、编辑、添加、过滤数据 包括默认、MS Office 2007 、 MS Office XP Excel 3种样式 /