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

开发 前端
本文列出7个JavaScript网格插件,他们都有不错的功能和漂亮的UI,一定会非常有用。

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

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

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

1. FlexiGrid

JavaScript网格插件

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

2. EditableGrid

JavaScript网格插件

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

3. jQGrid

JavaScript网格插件 

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

4. TableSorter

JavaScript网格插件

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

主要的特点包括:

多列排序

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

支持 TH 元素的 ROWSPAN 和 COLSPAN 属性

支持第二个隐藏域排序

可扩展外观

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

5.DataTables

JavaScript网格插件

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

自动分页处理

即时表格数据过滤

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

自动处理列宽度

可通过CSS定制样式

支持隐藏列

易用

可扩展性和灵活性

国际化

动态创建表格

免费的

6. SlickGrid

JavaScript网格插件

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

7. Grid from jQuery UI (coming soon)

JavaScript网格插件

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

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

【编辑推荐】

  1. 16款***的JavaScript框架
  2. 8个令人惊叹的JavaScript效果的网站
  3. 再谈JavaScript图片预加载技术
  4. 示例:JavaScript中的后续传递风格
  5. 黑客调查:***JavaScript库是什么?
责任编辑:陈贻新 来源: 开源中国社区
相关推荐

2011-03-31 08:47:29

jQuery

2011-05-11 09:03:33

javascript开发工具

2013-07-12 13:34:44

JSWeb开发

2012-11-21 09:53:19

jQueryWeb

2011-03-18 11:09:42

jQuery

2020-10-10 11:14:15

工具软件Linux

2020-08-10 06:31:01

React Hooks前端开发

2015-05-21 09:40:12

Bootstrap前端模板

2011-04-25 08:53:47

JavaScript框架

2011-03-11 09:58:02

jQuery

2015-11-16 16:40:04

开源终端模拟器

2021-07-28 06:51:09

linux

2011-04-17 09:23:42

jQueryJavaScriptJava

2012-08-24 09:15:32

移动应用开发解决方案

2011-04-15 11:27:03

调色板Web开发Web

2020-06-01 16:45:44

Linux终端Terminus

2015-05-15 10:52:23

jQuery社交网络分享插件

2022-05-30 07:58:52

浏览器插件

2011-04-06 14:08:14

jQuery

2020-02-25 20:55:20

JavaScript开发 技巧
点赞
收藏

51CTO技术栈公众号