ParamQuery 的Demo

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Developing Plugins</title>

    <!--jQuery dependencies-->
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css"></link>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>    
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

    <!--ParamQuery Grid files-->
    <link rel="stylesheet" href="pg/pqgrid.min.css"></link>
    <script type="text/javascript" src="pg/pqgrid.min.js"></script>
	
	
	<script type="text/javascript">
		
		$(document).ready(function(){
		//	alert('fuck');
			var data = [ [1,'Exxon Mobil','339,938.0','36,130.0'],
					[2,'Wal-Mart Stores','315,654.0','11,231.0'],
					[3,'Royal Dutch Shell','306,731.0','25,311.0'],
					[4,'BP','267,600.0','22,341.0'],
					[5,'General Motors','192,604.0','-10,567.0'],
					[6,'Chevron','189,481.0','14,099.0'],
					[7,'DaimlerChrysler','186,106.3','3,536.3'],
					[8,'Toyota Motor','185,805.0','12,119.6'],
					[9,'Ford Motor','177,210.0','2,024.0'],
					[10,'ConocoPhillips','166,683.0','13,529.0'],
					[11,'General Electric','157,153.0','16,353.0'],			
					[12,'Total','152,360.7','15,250.0'],				
					[13,'ING Group','138,235.3','8,958.9'],
					[14,'Citigroup','131,045.0','24,589.0'],
					[15,'AXA','129,839.2','5,186.5'],
					[16,'Allianz','121,406.0','5,442.4'],
					[17,'Volkswagen','118,376.6','1,391.7'],
					[18,'Fortis','112,351.4','4,896.3'],
					[19,'Crédit Agricole','110,764.6','7,434.3'],
					[20,'American Intl. Group','108,905.0','10,477.0']];
					
			var obj = {};
			obj.width = 700;
			obj.height = 400;
			obj.colModel = [{title:"Rank", width:100, dataType:"integer"},
				{title:"Company", width:200, dataType:"string"},
				{title:"Revenues ($ millions)", width:150, dataType:"float", align:"right"},
				{title:"Profits ($ millions)", width:150, dataType:"float", align:"right"}];
			obj.dataModel = {data:data};
			$("#grid_array").pqGrid( obj );
		});        
	  </script> 
  </head>
  <body>
	<div id="grid_array"></div>
  
  </body>
</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ParamQuery Grid Pro是ParamQuery Grid的商业级版本,并且已成为台式机,移动设备和触摸设备的专业企业应用程序的首选工具。 它提供了最快的jQuery网格,treegrid,pivot网格和电子表格等最令人垂涎​​的功能,并且基于性能,卓越的UX和开放标准的原则构建。Pro的以下功能是对ParamQuery Grid基本功能的补充。 专业功能: 也可用于Angular(2 +),React和Vue新 从Excel导入(xlsx) 导出到Excel(xlsx),Csv,HTML,Json Excel公式支持 从剪贴板复制粘贴 范围/行分组汇总 合并的单元格具有无限的行跨度和列跨度 延迟加载,聚集等的树状网格 在网格,树网格,数据透视网格和自定义组件之间拖放新 正文和标题单元格上的上下文菜单新 带有拖放工具的枢轴网格面板GUI 打字稿支持 动画制作 多列排序 自动和固定行高的无限行和列 冻结行和列,如Excel 隐藏的行和列 过滤器API和标头过滤器行 列印 复选框列和选择 单元格验证和警告 行编辑,批量编辑和自动保存 原子事务(提交和回滚) 网格/子网格的嵌套 行的细节 滑动支持桌面和触摸设备 流畅和响应式布局 引导程序和自定义主题 ASP.NET(MVC)/ MSSQL中的服务器端示例 PHP5 / MySQL中的服务器端示例 Java / MySQL中的服务器端示例 基本特点: 本地和远程分页,排序和过滤 完全定制的多个行和单元格选择 隐藏或显示列 可调整大小的列和网格 列分组 行摘要 CRUD(创建,读取,更新,删除) 国际化和本地化 显示本地或远程来源的任何数据格式,例如html,array,xml,json等 虚拟和无限滚动行 内联单元格编辑 自定义单元格渲染和编辑 主题滚轮准备就绪,带有24个可立即使用的主题 全键盘导航 所有主要浏览器IE(9 +),Firefox,Chrome,Opera等的外观和功能都一致
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值