`

12款Javascript表格控件(DataGrid)[转载、老文章]

阅读更多
12款JavaScript表格控件。 表格控件(DataGrid )允许最终用户阅读和写入到绝大多数数据库的应用程序。DataGrid 控件可以在设计时快速进行配置,只需少量代码或无需代码。当在设计时设置了DataGrid 控件的 DataSource 属性后,就会用数据源的记录集来自动填充该控件,以及自动设置该控件的列标头。然后您就可以编辑该网格的列;删除、重新安排、添加列标头、或者调整任意一 列的宽度。
1. Flexigrid

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

该DataTable控件提供的功能有:排序、列宽调整、分页、inline editing、row selection等。
3. jqGrid

jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能,添加、编辑、删除和搜索表中记录,支持多种数据类型输入:XML,JSON,Array等,多行选择,支持子表格,集成日期选择控件等等。
4. tableFormSynch (演示地址)
tableFormSynch是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括:基于表单中的数据,新增行。删除所选择行,并清 除表单中的所有数据。tableFormSynch支持所有表单控件包括:checkboxes、radio、buttons、select
5. DataTables

DataTables是一个jQuery插件,能够让HTML表格很方便地实现分页、过滤和多栏排序等功能。DataTables可以使用本身自带的CSS样式,但还可以按自己的需要自定义CSS样式。它具有以下特征:
自适应栏宽
可保存表格状态
可隐含列
动态创建表格
Ajax自动装载数据
丰富的分页类型
多栏排序和高亮显示
6. OmniGrid

OmniGrid是一个采用Mootools1.2开发的表格控件与FlexGrid jQuery和SortableTable相似。具有分页,排序,Ajax数据加载,添加/修改/删除表格数据功能等。
7. moodgets Grid (演示地址)

moodgets Grid是一个基于Mootools框架开发,易于使用,可扩展的表格控件。拖动调整表格列宽,排序,多行或单行选择,单击表格单元格可编辑,分页,通过Ajax加载数据。
8. MyTableGrid (演示地址)

MyTableGrid是一个基于是Prototype框架开发的DataGrid控件,用于以一种更易于浏览和更灵活的方式来展示数据。它提供Ajax支持的快速分页和数据排序功能,可以拖动调整数据列宽度,隐藏不需要显示的列。
9. GT-Grid

国内一个为打造成为GT-Grid成为世界级的列表组件,方便支持多种应用。可以纯客户端应用,也可以选择内置JAVA服务端作为其服户端。
10. obout v3 Grid for ASP.NET

速度比较快的Asp.net Grid。它的卓越表示在于:百万级别数据记录加载只用1秒
11. Table widget (演示地址)

这个控件能够将正常的HTML Table转成可排序,固定表头的Table。
12. jExpand (演示地址)

jExpand是一个可以让表格具备可伸缩功能的jQuery插件。利用这个功能可以帮助你更好地组织表格,让表格承载更多的消息比如图片,列表,图表和其它元素。
分享到:
评论

相关推荐

    整理了12款Javascript 表格控件(DataGrid)

    JavaScript表格控件(DataGrid)是一种允许最终用户进行数据读取和写入的组件,它广泛应用于各种数据库驱动的应用程序中。DataGrid控件的主要优点之一是它们可以快速配置,有时候无需编写大量代码即可实现复杂的表格...

    可编辑javascript表格

    可编辑的 HTML JavaScript 表格控件 DataGrid

    可编辑的datagrid表格控件

    datagrid表格控件是软件开发中常见的一种用户界面组件,它用于显示和操作数据集,尤其在数据密集型应用中非常实用。"可编辑的datagrid"指的是这种控件不仅能够展示数据,还允许用户直接在表格内进行编辑,提高了数据...

    datagrid中编辑状态(editor)下一列嵌入多个控件

    ### easyUI Datagrid 控件中实现单列内嵌入多个控件的方法 #### 一、概述 在使用easyUI框架时,我们经常会遇到需要在`datagrid`控件的某一列中嵌入多个输入控件的需求。这样的设计可以极大地方便用户进行数据的...

    Javascript封装的网页DataGrid表格插件.rar

    Javascript封装的网页DataGrid表格插件,实用漂亮的表格封装类,用javaScript编写的,有普通风格和仿XP风格两种。每款风格都可以通过点击表头来进行排序,支持复选框,点击按钮演示了如何获取选中的值,对网页编程的...

    一个JQuery +Ajax 封闭的一个GridView控件DataGrid

    【标题】:jQuery + Ajax 实现的GridView控件DataGrid详解 在Web开发中,GridView是一种常见的数据展示控件,通常用于显示数据库或其他数据源中的数据。本篇将深入探讨如何利用jQuery和Ajax技术实现一个功能丰富的...

    深入利用ASP.NET DataGrid控件.pdf

    控件的优点包括:支持多种浏览器、支持元素的正确显示、支持页面提交后表格控件能够自动定位到原先的位置、完全支持 ASP.NET DataGrid、支持用户在 Visual Studio 可视化编辑环境中的编辑模式。控件的缺点是:仅仅...

    表单实例之表格控件查找结果行突出显示

    在大多数编程语言和框架中,都有内置的表格控件库,如.NET Framework的DataGrid,Java的JTable,或是Web开发中的HTML表格和JavaScript库如jQuery DataTables。 在实现“查找结果行突出显示”这一特性时,我们首先...

    javascript UI控件库

    JavaScript UI控件库是开发网页应用时不可或缺的一部分,它们提供了丰富的用户界面元素,如按钮、表格、下拉菜单、对话框等,使得Web应用程序具有更好的交互性和用户体验。EasyUI就是一个非常流行的JavaScript UI库...

    ASP.NET表格控件打印插件

    在ASP.NET中,表格控件(GridView、DataGrid、ListView等)是常见的数据展示组件。这些控件能够绑定到各种数据源(如数据库、XML文件或数组),并提供灵活的样式和布局设置,以满足不同的界面需求。然而,原生的ASP...

    datagrid 4种解决table对齐

    在网页开发中,数据展示是不可或缺的部分,而`Datagrid`作为一款强大的表格控件,经常用于处理大量的结构化数据。在实际应用中,我们常常会遇到一个问题:如何确保`Datagrid`中的表头和列内容正确对齐。标题...

    支持客户端排序及拖动列宽的DataGrid及GridView控件扩展程序

    实现客户端排序通常需要编写JavaScript代码,利用控件的事件处理程序来监听用户的排序操作,并更新表格的显示顺序。 对于DataGrid,可以通过自定义JavaScript函数,捕获用户点击列头时的事件,然后使用AJAX技术向...

    鼠标移动DataGrid显示详细信息

    DataGrid 是一种常用的 Web 控件,用于展示表格形式的数据。下面我们将详细地分析并总结这段代码所实现的功能以及涉及的相关知识点。 ### 题目解析:“鼠标移动DataGrid显示详细信息” #### 1. DataGrid 控件简介 ...

    jeasyui-datagrid-datagrid

    JeasyUI DataGrid是一款基于jQuery的轻量级组件,它为开发者提供了丰富的功能,如数据分页、排序、过滤等,极大地提高了开发效率。本文将深入探讨JeasyUI DataGrid的使用方法、特性以及常见问题的解决方案。 1. **...

    web表格绘制(.net控件)开源

    2. **开源控件库**:存在多个开源项目专注于提供.NET的Web表格控件,例如Telerik UI for ASP.NET AJAX、DevExpress ASP.NET Controls、jQuery插件如DataTables等。这些控件库通常包含丰富的特性,如排序、分页、过滤...

    JqueryEasyUI DataGrid例子

    首先,`DataGrid` 是一个可滚动、可排序、可分页的表格控件,可以展示大量数据。它支持通过 JSON 或 XML 数据源进行数据绑定。在描述中提到的实现过程中,`DataGrid` 通常会与后端服务器进行通信,通过 AJAX 方式...

    easyui Datagrid 数据列表比较上一个上传的增加了超链接并传值、条件清空、日期控件清空和数据修改功能

    EasyUI的Datagrid是一款强大的数据展示组件,常用于Web应用中的数据管理。它提供了一整套功能,使得在网页上实现复杂的数据操作变得简单。基于提供的标题和描述,我们可以深入探讨以下几个关键知识点: 1. **超链接...

    详解EasyUi控件中的Datagrid

    Datagrid是EasyUI提供的一个强大的表格控件,可以用来展示大量数据,并提供了很多实用的功能,例如分页、排序、编辑等。下面我们来详细介绍如何使用EasyUI创建一个Datagrid。 首先,我们需要在HTML文件中定义一个...

Global site tag (gtag.js) - Google Analytics