ajax17,17个使用AJAX技术的数据表格控件

为了将数据高效的展示出来,数据需要有合适的结构,展现结构设计的越好,用户就越容易理解信息的内容。因此,提高数据的可萃取性和可扫描性非常有意义。

表,是一个非常好的数据呈现结构,非常便于人们分析和理解二维的关系数据。他的初始目的是去展示数据,而非样式化数据,因此,它可以将设计者的主观思想有效地表达出来。

进而言之,通过一些额外的操作功能,如排序,过滤,快速编辑等,用户体验也可以得到非常好的扩展。

本文汇总了17种数据表格解决方案,主要采用主流的AJAX,DHTML,JavaScript等技术来提供强大的数据展现功能,供大家参考。

数据表格控件总览

1. ExtJs Grid

支持扩展行、折叠、内容自适应、CheckBox封装、滚动条,以及各种按钮和工具栏,可以说ExtJs的Grid非常之强大(多谢 Lucian Lature了!).

ExtJs%20Grid.gif

2. dhtmlxGrid

可以通过灵活多变的方式来展示数据。支持多个皮肤,并可以轻松的进行分页,这些代码受GPL所管制,如果需要技术支持,则需要掏钱。

286795831c84976efab01aa3018741f6.gif

3. Phatfusion Sortable

可以对表进行排序,还可以通过元素来进行数据的过滤(多谢 Boris).

Phatfusion%20Sortable.gif

4. Mootable Sorting.

可以对表格进行排序,并能高亮显示某些特定的单元格。

.%20Mootable%20Sorting.gif

5. Elite Zebra Tables

对Zebra里提供的Table增加了排序功能。

Elite%20Zebra%20Tables.gif

6. PHP Live Datagrid

在XAJAX库的基础上而建。分页功能很强大,可以在各个页面之间直接跳转,能够适用于海量数据(超过500页)

PHP%20Live%20Datagrid.gif

7. Table Kit

又是一个基于Prototype 框架的杰作。可以对列进行排序,一些选取的行和单元格可以高亮标注,还提供了 tutorial related to table sorting ith Prototype 。

Table%20Kit.gif

8. How to paginate, sort and search a table with Ajax and Rails.

一个用Ruby on Rails 来创建可分页、可排序、可搜索的表格的好教程.

How%20to%20paginate.gif

9. Unobtrusive Table Sort Script.

Unobtrusive%20Table.gif

10. Yahoo UI Library’s DataTables.

大名鼎鼎的YUI也提供了自己的DataTable,并提供了各种各样的demo。 这些代码虽没有直接提供可视化支持,但实现了所有的数据表格应有的功能,比如排序,分页,实时编辑等等。

9fc856477d66f0fa88795fc3468630dc.gif

11. Standardista Table Sorting

Standardista%20Table%20Sorting.gif

12. Sortable Tables

由WebFX所做。

Sortable%20Tables.gif

13. SortedTable

b11dcef8dd6c9de8626c331434619fca.gif

14. Mootols Table Row & Column Highlighting.

顾名思义,比较适合高亮显示特定的数据,下面是个不错的例子。

Mootols%20Table.gif

Data Grids 模板

下面的脚本提供了基本的排序功能,可以在你的项目中用作模板。

Sortable Ajax Tables in JSON and XML with MochiKit

JavaScript Sortable Table

DHTMLGoodies

专业解决方案

还有一些解决方案,非常让人兴奋,但需要支付高额的费用,比如Active Widgets(395美元,还包括一些其它的应用扩展),和Editable JavaScript TreeGrid。然而,它们也确实提供了非常好的解决方案,也算是物所有值吧。

Data%20Grids.gif

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至hey@evget.com

文章转载自:豆豆网

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/344204.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【渝粤教育】电大中专测量学 (5)作业 题库

1.测量学是研究地球的形状和大小以及确定地面点()位置的科学。 A.平面 B.空间 C.曲面 D.高程 错误 正确答案:左边查询 学生答案:A 2.测量学中的水准面是一个()。 A.斜平面 B.水平面 C.竖直面 D.曲面 正确 正…

【渝粤教育】电大中专电商运营实操 (25)作业 题库

电子商务最重要的是() A商务 B网站 C信息技术 D货物 正确 正确答案:左边查询 学生答案:A 2下列关于电子商务的特点叙述错误的是() A全球性 B简单的电子化支付手段 C交易环节多,营销成本高 D信息…

tx2无法识别网络_织点智能算法大牛刘思伟:商品识别在收银结算场景的应用与落地...

线下门店消费越快捷、过程越便利,就越能吸引顾客的二次购物。相较于传统的人工收银方式,使用自助收银设备不仅可以减少顾客排队等候的时间,提升收银效率,同时对经营者来说,可以有效降低人工成本。目前,市面…

windows服务器网站日志,windows服务器网站日志文件

windows服务器网站日志文件 内容精选换一换华为云帮助中心,为用户提供产品简介、价格说明、购买指南、用户指南、API参考、最佳实践、常见问题、视频帮助等技术文档,帮助您快速上手使用华为云服务。网页防篡改可实时监控网站目录,并通过备份恢…

【渝粤教育】电大中专电子商务网站建设与维护 (4)作业 题库

1.阿里巴巴的盈利项目主要是哪些( ) A.委托设计公司网站 B.诚信通 C.以上都正确 D.中国供应商 E.网上推广项目 错误 正确答案:左边查询 学生答案:未作答 2.阿里巴巴目前的电子商务在哪个阶段( ) A.信息流 B…

初始化创建画布_使用HTML5,画布和开放数据创建全球降水(雨)可视化

初始化创建画布我目前正在为Three.js编写下一本书,其中一章涉及可视化开放数据。 在寻找可以使用的数据时,我遇到了来自NOAA的一组数据。 通过此站点,您可以以网格格式下载一组全世界的每月降水报告。 因此,我下载了它们&#xff…

【渝粤教育】电大中专药品储存与养护技术 (2)作业 题库

1.在能够预见到某种药品经过短时间储存易发生质量变化时,该种药品的出库原则是()。 A.近效期先出 B.先产先出 C.先进先出 D.易变先出 错误 正确答案:左边查询 学生答案:B 2.药品批准文号的格式为(&#xff…

星之卡比镜之迷宫机器人_机器人工程师入门(0)

前言:多年前看到一片知乎文章YY硕:机器人工程师学习计划​zhuanlan.zhihu.com当时看到这个,只觉醍醐灌顶,能看到有如此详尽的关于机器人工程师的个人技术发展规划,又不禁觉得有些遗憾,因为这个规划是本科大…

8代主板装服务器系统,微星B365主板搭配intel 8代cpu安装win7及bios设置教程

就在前不久发布华硕和华擎分别发布了b365主板,近期微星也发布了b365主板,有很多使用微星主板的网友问,微星B365主板其搭载intel 酷睿8代cpu可以安装安装win7吗?微星B365主板预装的是win10系统,用户还是喜欢win7系统&am…

【渝粤教育】电大中专计算机职业素养 (12)作业 题库

1.( )就是职业技能的标准化、规范化、制度化。 A.职业行为 B.职业意识 C.职业道德 D.职业化 错误 正确答案:左边查询 学生答案:未作答 2.( )就是合适的时间、合适的地点、做合适的事 A.职业意识 B.职业习惯…

修订和不变性

这是一个简短的帖子。 我不确定如何启动它。 这是审阅一些现有代码时“为什么我没有想到”的时刻之一。 由于存在NDA,我无法共享实际代码。 它与处理修订有关。 与我最相关的是WordPress(WP)如何处理博客文章和修订。 在WP中, wp…

[渝粤教育] 西南科技大学 农业推广学 在线考试复习资料

农业推广学——在线考试复习资料 一、单选题 1.“ 百千万”示范是指在村建百亩( )。 A.示范片 B.试验田 C.示范区 D.示范方 2.一个随机区组试验有8个处理,四次重复,误差自由度是( )。 A.27 B.21 C.32 D.28 3.在推广教师的指导下,学员运用已有的知识、经验,从事一定的实践工作…

autowired注入为 mapper为null_兰新高铁为区域经济发展注入活力

央视网消息 :连接甘肃兰州至新疆乌鲁木齐的兰新高铁,是我国“八纵八横”高速铁路网的重要组成部分。开通运营近六年来,兰新高铁已累计运输旅客6760多万人次,在推动地区协调发展,便捷旅客出行等方面发挥了重要作用。乘坐…

[渝粤教育] 西南科技大学 制造业信息化导论 在线考试复习资料

制造业信息化导论——在线考试复习资料 一、单选题 1.产品设计应面向( ),与用户保持密切联系,将用户纳入产品开发过程,以多变的产品、尽可能短的交货期来满足用户的需要。 A.用户 B.供应商 C.销售商 D.物流 2.企业的生产、经营状况可通过其产品结构、产值产量、经营总额、利税…

织梦同步静态文件到服务器,某猫织梦插件-织梦dedecms静态文件生成速度的区块插件...

经常使用织梦的朋友都可能都知道织梦cms 的静态生成速度有时候让人无法忍受;如果是企业展的几百篇的文章,那当然绰绰有余,但是一般数据量打起来生成速度也会大幅的降低,与同类的其他cms比如说帝国cms,还有phpcms相比差…

[渝粤教育] 西南科技大学 动态网页设计(JSP) 在线考试复习资料

动态网页设计(JSP)——在线考试复习资料 一、单选题 1.下面关于通过JDBC访问数据库哪项说明正确? A.对数据库操作一定要驱动程序 B.对数据库操作一定要DriverManager.getConnection C.对数据库操作一定要ResultSet对象 D.对数据库的操作一定要调用存储 …

webpack 异步加载配置文件_详解webpack异步加载业务模块

虽然把我们用到的JS文件全部打包一个可以节省请求数,但如果打包后的JS文件过大,那么也容易出现白屏现象,许多操作失灵。而且一些区域是点到才出现,那么相关的JS其实可以剥离出这个大JS文件外。这就涉及到异步加载了。异步加载是SP…

[渝粤教育] 西南科技大学 基础工业工程 在线考试复习资料

基础工业工程——在线考试复习资料 一、单选题 1.线路图是以作业现场为对象,对( )进行分析。 A.现场布置及物料和作业者的实际流通路线 B.物料的加工路线 C.人员的流通路线 D.机器、工作台的相互位置 2.流程程序图是对生产现场的整个制造程序作( )的记录。 A.全面 B.大概 C.详…

antlr4 代码 语法树_使用ANTLR4,用于代码镜像和基于Web的DSL的Primefaces扩展

antlr4 代码 语法树DSL是很酷的东西,但我不清楚它们有什么用。 然后我意识到它们对以下方面有好处: 摆脱复杂的UI 意思是 更快的做事方式 而已。 当我阅读此博客时,我得出了这个结论。 如果您的用户是技术人员,并且不惧怕类…

[渝粤教育] 西南科技大学 工程力学 在线考试复习资料

工程力学——在线考试复习资料 一、判断题 1.平面图形的静矩与坐标系无关。 2.弯矩图上的极值就是梁内最大的弯矩。 3.悬臂梁或外伸梁的自由端处弯矩必定为零。 4.弯矩图应画在梁受拉的一侧。 5.当挤压面为圆柱形侧面时,挤压面的计算面积按该圆柱侧面的正投影面…