easyUI之动态dataGrid（数据表格）

前言

之前我做了个选项卡组件，这会儿我想往里面增加点东西，就决定是你了数据表格！

实现

先看看效果图：

步骤：
导入依赖：

        <!-- 写全局样式 -->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/themes/default/easyui.css">   
	<!-- 定义图标的样式 -->
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/themes/icon.css">   

	<!--组件库源文件的js文件  -->
	<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/jquery.min.js"></script>  
	<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/jquery.easyui.min.js"></script>   
	<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/roleInfo.js"></script>   

然后我们需要一个数据表格的jsp代码组件：

<table id="dg"></table>

以及js代码定义属性：

$(function(){
	$('#dg').datagrid({    
	    url:$('#ctx').va