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

日期:2021-01-20 类型:科技新闻 

关键词:小游戏源代码,互动小游戏微信,自制小游戏,html5游戏,制作游戏大概多少钱

当在设计方案时设定了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软件。运用这个作用能够协助你更好地机构报表,让报表承载更多的信息例如照片,目录,图表和其它元素。