当在设计时设置了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插件。利用这个功能可以帮助你更好地组织表格,让表格承载更多的消息比如图片,列表,图表和其它元素。
推荐阅读
企业网站与栏目字典 中英文对照 做中英双语企业网站的朋友需要
名称
字符
名称
字符
资讯
news
技术
technique
护肤
skincare
彩妆
makeup
香水
perfume
药妆
medicine
特化
special
问答
question
品牌
brand
点评
comment
评测
rate
试用
trial
商城
shop
美>>>详细阅读
本文标题:整理了12款Javascript 表格控件(DataGrid)
地址:http://www.17bianji.com/kaifa/yejie/16181.html
1/2 1