整理了12款Javascript表格控件(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 Grid。它的卓越表⽰在于:百万级别数据记录加载只⽤1秒
jquery插件有哪些种类11. Table widget (演⽰地址)
这个控件能够将正常的HTML Table转成可排序,固定表头的Table。
12. jExpand (演⽰地址)
jExpand是⼀个可以让表格具备可伸缩功能的jQuery插件。利⽤这个功能可以帮助你更好地组织表格,让表格承载更多的消息⽐如图⽚,列表,图表和其它元素。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。