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,一经查实,立即删除!

相关文章

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

cnn 一维时序数据_蚂蚁集团智能监控的时序异常检测:基于 CNN 神经网络的异常检测...

1背景在蚂蚁集团智能监控领域,时序异常检测是极重要一环,异常检测落地中,业务方参考业界标准输出 Metrics 指标数据,监控不同业务、应用、接口、集群的各项指标,包含 Metrics 指标(总量、失败量、耗时等)和系统服务指标…

Eclipse GlassFish 5.1就在这里!

Eclipse GlassFish 5.1的发布是Jakarta EE的重要里程碑! 首先,这证实了Oracle提供的GlassFish源代码可以在Eclipse Infrastructure上构建和组装。 第二, 通过通过Java EE 8兼容性测试,它可以验证所贡献的代码是否符合Java EE 8…

标签蛋白_His标签蛋白镍柱纯化后总有一条杂带怎么办?

小明His标签蛋白镍柱纯化有杂带怎么办啊汇研生物——His标签蛋白纯化填料家簇1.样品本身的的属性,His蛋白容易被体系中的蛋白酶降解时,此时就要在样品中加入蛋白酶抑制剂。避免在纯化过程中His蛋白被降解,呈现出纯化后纯度下降。2.His蛋白和其…

bootstrap 树形表格渲染慢_bootstrap table轻松实现数据表格

在使用bootstrap table时可能在很多时候回用的表格来显示数据,如果自己写那肯定没问题,但是数据展示出来就麻烦多了,然而bootstrap table 封装了一套完善的数据表格组件,把从后台请求的数据很容易就展示出来了,bootstr…

ssm如何支持热部署_Java 调式、热部署、JVM 背后的支持者 Java Agent

我们平时写 Java Agent 的机会确实不多,也可以说几乎用不着。但其实我们一直在用它,而且接触的机会非常多。下面这些技术都使用了 Java Agent 技术,看一下你就知道为什么了。-各个 Java IDE 的调试功能,例如 eclipse、IntelliJ &a…

war3必须安装的游戏组件_在单独的WAR组件中对SPA资源和API实现进行分区

war3必须安装的游戏组件单页应用程序正Swift吸引人们的注意力,以实现基于Web的丰富,健壮和移动友好的应用程序。 从本质上讲,这需要更改应用程序体系结构,在该体系结构中,整个应用程序用户界面都是使用JavaScript来实现…

matlab 矩阵jocobi迭代_高校MATLAB被禁用,掀起中国本土软件脆弱的冰山一角

近日哈工大、哈工程高校被美国禁止用正版的MATLAB软件,此消息一出可谓使得全体用过MATLAB的工作者为之震撼。因为少了这款软件,无异于缺失了有力的左膀右臂,如何才能游刃有余地遨游在科研和工作领域呢?然而对于外行人却不知道这款…

controll层跳转页面_java web开发中的各种层

java后端开发前,还是应该将各种层划分好,知道各自的作用,今天做一下总结。Dao层、Entity层、Service层、Controller层、view层1、Dao层(持久层、数据访问层)功能:只负责与数据库的数据进行交互,dao层是在Mybatis框架下…

图像的灰度级数越多越好_MATLAB-数字图像处理 图像直方图归一化

图像直方图归一化图像直方图概念:图像直方图是反映一个图像像素分布的统计表,其实横坐标代表了图像像素的种类,可以是灰度的,也可以是彩色的。纵坐标代表了每一种颜色值在图像中的像素总数或者占所有像素个数的百分比。图像是由像…

JDK 13:什么是AggressiveOpts?

JVM 11中已弃用Java VM标志-XX:AggressiveOpts [请参见JDK-8199777和JDK-8199778 ]“因为其行为是不明确的。” JDK-8199778的“问题”部分进一步说明了(我添加了重点 ): AggressiveOpts已被用作实现各种实验性能功能的包罗万象的方法&#…

擦地机器人修理_自带眼睛还有嘴,喷水式擦地机器人效果实测

小时候家里大扫除时,我最喜欢抢着扫把扫地,因为扫地相对比较轻松,快速扫完灰尘和垃圾就能跑出去玩。而擦地板相比扫地就麻烦多了,大面积的地板需要蹲下来一块一块擦,还要来回清洗擦布,现在父母年龄大了&…

pv实现前趋图_Excel 数据透视图实现简易交互式数据面板

美国Ebay公司成立于1995年的圣何塞,是一家可让全球民众上网买卖物品的线上拍卖及购物网站。本文将结合Ebay(某类体育用品的)在线拍卖数据,主要使用Excel数据透视表为工具,来实现简易的交互式数据面板以求对数据进行可视…