easyui 动态列

<html>
  <head>
    <base href="<%=basePath%>">
    <title>动态列</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	<!-- easyui控件 -->			
	<script type="text/javascript"	src="${pageContext.request.contextPath}/js/jquery-easyui-1.4.2/jquery.min.js"></script>
	<script type="text/javascript"	src="${pageContext.request.contextPath}/js/jquery-easyui-1.4.2/jquery.easyui.min.js"></script>
	<script type="text/javascript"	src="${pageContext.request.contextPath}/js/jquery-easyui-1.4.2/locale/easyui-lang-zh_CN.js"></script>
	<link type="text/css"	href="${pageContext.request.contextPath}/js/jquery-easyui-1.4.2/themes/bootstrap/easyui.css"	rel="stylesheet">
	<link type="text/css"	href="${pageContext.request.contextPath}/js/jquery-easyui-1.4.2/themes/icon.css"rel="stylesheet">
	<script type="text/javascript"	src="${pageContext.request.contextPath}/js/base-loading.js"charset="utf-8"></script>
	
  </head>
  <body>
	<table id="tt" class="easyui-datagrid" style="width:550px;height:250px"
		url="table/data.html" singleSelect="true" ,
		rownumbers: true,
				showFooter: true,
		iconCls="icon-save">
	</table>

	<script type="text/javascript">
			$('#tt').datagrid({
				frozenColumns:[[
					{field:'统计日期',title:'统计日期',width:100},
				]],
				columns:[[
					{field:'江苏省',title:'江苏省',width:80},
					{field:'浙江省',title:'浙江省',width:80,align:'right'},
					{field:'安徽省',title:'安徽省',width:80,align:'right'},
					{field:'台湾省',title:'台湾省',width:100},
					{field:'山西省',title:'山西省',width:80},
					{field:'陕西省',title:'陕西省',width:80,align:'right'},
					{field:'福建省',title:'福建省',width:80,align:'right'},
					{field:'厦门',title:'厦门',width:100},
					{field:'总计',title:'总计',width:60},
				]],
				onLoadSuccess: function(){
					$(this).datagrid('freezeRow',-1);
				}
			});
		</script>
  </body>
</html>
猜你喜欢
