分享7款超棒的JavaScript网格插件

表格一直是展示数据的最好方式。以微软的Excel为例,我们可以排序、整理、编辑,甚至几次点击轻松过滤数据。这次,我们看一看JavaScript网格插件,利用JS应用,它转换成普通表到“类Excel”布局,并有加载、操作、查看数据的一堆功能。

51CTO推荐专题:JavaScript学习笔记 有问有答

下面列出7个JavaScript网格插件,他们都有不错的功能和漂亮的UI,一定会非常有用。

1. FlexiGrid

Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid。它具有的功能包括:可以调整列宽,合并列标题,分页,排序,显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。

2. EditableGrid

EditableGrid是一个JavaScript Library,利用它能够让标准的HTML表格变成可编辑和可排序。这个Library能够让用户自动使用适当的编辑器如textfields、checkbox等来编辑单元格,并内置多各个输入校验器(integer、double、URL、E-mail和Date)。此外EditableGrid还可选集成Open Flash Chart,能够自动将表格中的数据转成图表。

3. jQGrid

 

jqGrid 是一个用来显示网格数据的jQuery插件,文档比较全面,附带中文版本。它可以被整合用任何服务器端技术,包括PHP, ASP, Java Servlets, JSP, ColdFusion, 以及Perl。

4. TableSorter

Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的jQuery插件,无需再次刷新页面,支持多种单元格数据类型,例如数值、字符串、日期和自定义排序。

主要的特点包括:

多列排序

支持文本、URL地址、数值、IP地址、日期类型,以及自定义类型排序

支持 TH 元素的 ROWSPAN 和 COLSPAN 属性

支持第二个隐藏域排序

可扩展外观

程序简小,打包后只有 7.4K

5.DataTables

DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。主要特点:

自动分页处理

即时表格数据过滤

数据排序以及数据类型自动检测

自动处理列宽度

可通过CSS定制样式

支持隐藏列

易用

可扩展性和灵活性

国际化

动态创建表格

免费的

6. SlickGrid

SlickGrid是一个简单的、快速、灵活的表格控件。可以隐藏/显示列,调整列宽度,排序,自定义单元格展示格式和编辑器,支持编辑和创建新记录。

7. Grid from jQuery UI (coming soon)

jQuery UI Team 团队正在开发一个可创建富应用、快速的网格Widget,可加强HTML表格的数据链接、排序、排版、过滤、行选择、插入编辑等。

不过目前还没有发布,不需要等太久,oschina将跟踪该项目。附:jQuery给力插件大阅兵

【编辑推荐】

  1. 16款最流行的JavaScript框架
  2. 8个令人惊叹的JavaScript效果的网站
  3. 再谈JavaScript图片预加载技术
  4. 示例:JavaScript中的后续传递风格
  5. 黑客调查:最流行JavaScript库是什么?

【责任编辑:陈贻新 TEL:(010)68476606】

时间: 2024-09-08 14:37:04

分享7款超棒的JavaScript网格插件的相关文章

为开发者们准备的 10 款超棒的 jQuery 视频插件

跟之前介绍的 2013 年 12 月最好的 35+个 jQuery 插件 不同,这篇文章是给开发者们准备的关于视频播放方面的 10 款最好的 jQuery 视频插件.这 10 款插件各有各的特色,能很方便的在网页上嵌入视频,同时又有很漂亮很简洁的视频播放列表,总之百花齐放,非常好用!相信在这里你会找到适合你的那一款 jQuery 视频插件,细细欣赏吧:) jQuery 是一种快速.简洁的 JavaScript 库,可以简化 HTML 文档遍历.事件处理.动画和 Ajax 交互,能快速进行 web

2012年最新的12款超棒jQuery插件

期:2012-11-3  来源:GBin1.com 今天我们将分享12款精心挑选最新jQuery插件,包含了演讲,排序及其社交内容等等,很多插件在gbin1以前的jQuery文章中我们都介绍过,希望大家喜欢! 1. impress.js impress.js是一个基于css3过渡和变形的演讲稿插件,如果你不是很喜欢使用PPT的话,它是个不错的选择. reveal.js reveal.js是另外一个不错的演讲稿制作js,帮助你快速的构建HTML5的演讲稿 Floater 这个插件可以帮助你构建可以

另外一款超棒的响应式布局jQuery插件 – Freetile.js

在线演示 我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件 – Freetile.js,使用它同样可以生成超酷的动态布局效果.相信大家一定会喜欢! 主要特性 Freetie来自于Assemblage 和 Assemblage Plus的内建布局引擎,设计灵感来自于Masonry,VGrid和Wookmark,但是和他们相比较,拥有以下独特的地方: 允许包含任何尺寸的元素,并且不要求一个固定的列宽度,因此你不需要指定列宽度来迎合

四款超棒的jQuery数字化签名插件

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 在浏览器中,11545.html">我们有很多方式来绘制生成签名效果,并且有很多很棒很智能的jQuery插件.数字化签名是未来的发展方向,正是这个原因我们这里收集并且推荐了四款超棒的jQuery数字化签名插件,希望大家喜欢! 1. jSignature 这个jQuery插件简化了创建数据签名的过程,允许用户使用鼠标,手写板,手

四款超棒的 jQuery 数字化签名插件

在浏览器中,我们有很多方式来绘制生成签名效果,并且有很多很棒很智能的jQuery插件.数字化签名是未来的发展方向,正是这个原因我们这里收集并且推荐了四款超棒的jQuery数字化签名插件,希望大家喜欢! jSignature 这个jQuery插件简化了创建数据签名的过程,允许用户使用鼠标,手写板,手指来绘制签名.这里是演示 Signature Pad 这个jQuery插件可以辅助使用HTML5画布来实现数字签名.它保存签名为JSON,并且可以以后再重新生成,这里是演示 jQuery UI Sign

分享8个超棒的基于HTML5和jQuery的开发教程

日期:2011/12/15  来源:GBin1.com HTML5 和jQuery组合目前对于web开发人员来说是强大的工具之一,使用这个组合能够帮助你扩展你设计的局限,实现一些非常绚丽及其强大的web应用或者网 站.尤其是最近jQuery 1.0的发布,更助力了移动设备的开发.现在已经有很多的开发人员和设计人员开始使用HTML5和jQuery配合开发来显示各种特效.今天我们将给大家 推荐8个精心选择的HTML5和jQuery组合开发的教程,希望对大家有帮助,如果你喜欢这些教程,请给我们留言,谢

分享40个超棒的CSS3按钮教程

期:2012-10-31  来源:GBin1.com 还记得10个实用的超绚CSS3按钮设计吗?在今天的这篇文章中,我们将带给大家40个精心挑选的CSS3按钮开发教程,相信大家在前面的文章中对CSS3按钮的超酷效果有所了解,希望在今天的这篇文章中,你能够更多的学习如何自己制作漂亮的CSS3按钮,还等什么,了解一下吧! Animated Buttons with CSS3 [在线演示 | 在线教程] Fancy 3D Button with CSS3 [在线演示 | 在线教程] Just Some

7款强大的Javascript网格插件推荐

表格一直是展示数据的最好方式.以微软的Excel为例,我们可以排序.整理.编辑,甚至几次点击轻松过滤数据.这次,我们看一看JavaScript网格插件,利用JS应用,它转换成普通表到"类Excel"布局,并有加载.操作.查看数据的一堆功能. 下面列出7个JavaScript网格插件,他们都有不错的功能和漂亮的UI,一定会非常有用. FlexiGrid Flexigrid是一个类似于Ext Gird,但基于jQuery开发的Grid.它具有的功能包括:可以调整列宽,合并列标题,分页,排序

分享15款为jQuery Mobile定制的插件

jQuery Mobile 1.0 已经发布了, 做为jQuery的移动设备类库, 并且依靠着jQuery这个及其受欢迎的类库,必将带给大家不一样的使用体验,基于jQuery Mobile的插件开发必定也会非常受欢迎,今天我们GBin1这里推荐给大家16款最新的jQuery Mobile上使用的jQuery插件,希望大家喜欢! 1. jQuery Mobile Pagination Plugin 这 个插件是由大名鼎鼎的filamentgroup开发的插件,主要为了在移动设备上实现分页显示效果,