梳理了12款Javascript 报表控制(DataGrid)

当在设计方案时设定了DataGrid 控制的 DataSource 特性后，就会用数据信息源的纪录集来全自动填充该控制，和全自动设定该控制的列标头。随后您便可以编写该网格的列；删掉、再次分配、加上列标头、或调剂随意1列的宽度。

1. Flexigrid

Flexigrid是1个相近于Ext Gird，但根据jQuery开发设计的Grid。它具备的作用包含：能够调剂列宽，合拼列题目，分页查询，排列，显示信息/掩藏报表等。Flexigrid显示信息的数据信息可以根据Ajax获得或从1个一般的报表变换。

2. Yahoo! UI Library: DataTable (演试详细地址)

该DataTable控制出示的作用有：排列、列宽调剂、分页查询、inline editing、row selection等。

3. jqGrid

jqGrid是1个Ajaxed jQuery Grid软件。出示分页查询作用，加上、编写、删掉和检索表格中纪录，适用多种多样数据信息种类键入：XML，JSON，Array等，多行挑选，适用子报表，集成化时间挑选控制这些。

4. tableFormSynch (演试详细地址)

tableFormSynch是1个报表与表奇数据互相升级的jQuery软件。它出示的作用包含：根据表单中的数据信息，新增行。删掉所挑选行，并消除表单中的全部数据信息。tableFormSynch适用全部表单控制包含：checkboxes、radio、buttons、select

5. DataTables

DataTables是1个jQuery软件，可以让HTML报表很便捷地完成分页查询、过虑和多栏排列等作用。DataTables可使用自身自带的CSS款式，但还能够按自身的必须自定CSS款式。它具备下列特点：

• 自融入栏宽
• 可储存报表情况
• 可暗含列
• 动态性建立报表
• Ajax全自动装载数据信息
• 丰富多彩的分页查询种类
• 多栏排列和高亮度显示信息

6. OmniGrid

OmniGrid是1个选用Mootools1.2开发设计的报表控制与FlexGrid jQuery和SortableTable类似。具备分页查询，排列，Ajax数据信息载入，加上/改动/删掉报表数据信息作用等。

7. moodgets Grid (演试详细地址)

moodgets Grid是1个根据Mootools架构开发设计，易于应用，可拓展的报表控制。拖拽调剂报表列宽，排列，多行或单行挑选，点击报表模块格可编写，分页查询，根据Ajax载入数据信息。

8. MyTableGrid (演试详细地址)

MyTableGrid是1个根据是Prototype架构开发设计的DataGrid控制，用于以1种更容易于访问和更灵便的方法来展现数据信息。它出示Ajax适用的迅速分页查询和数据信息排列作用，能够拖拽调剂数据信息列宽度，掩藏不必须显示信息的列。

9. GT-Grid

中国1个为打导致为GT-Grid变成全球级的目录组件，便捷适用多种多样运用。能够纯顾客端运用，还可以挑选内嵌JAVA服务端做为其服户端。

10. obout v3 Grid for ASP.NET

速率较为快的Asp.net Grid。它的非凡表明在于：百万级別数据信息纪录载入只用1秒

11. Table widget (演试详细地址)

这个控制可以将一切正常的HTML Table转成可排列，固定不动表头的Table。

12. jExpand (演试详细地址)

jExpand是1个可让报表具有可伸缩作用的jQuery软件。运用这个作用能够协助你更好地机构报表，让报表承载更多的信息例如照片，目录，图表和其它元素。