datagrid

<script charset=UTF-8">
$(function(){
	$("#datagrid").datagrid({	//给datagrid初始化
			url:‘‘,
			title:‘datagrid‘,
			iconCls:‘icon-save‘,
			pagination:true,	//分页
			pagesize:10,	//每页有10行数据
			pageList:[10,20,30,40],	//注意这些数值是pagesize的倍数
			fit:true,
			fitColumns:false,  //false,表示不会出现横向滚动条；true,则表示能出现横向滚动条(列少的时候用)
			nowarp:false,  //当表格中某一行的一个列内容较多时，就会自动折行（换下一行显示）
			border:false,  //去掉datagrid的边框
			idField:‘id‘,	//自动标记选中的行，换页后，前面所选中的行依然保留
			columns:[[
				{
					title:‘编号‘,
					field:‘id‘,
					width:100		//宽度一定要给出，不给出会报错
				},{
					title:‘姓名‘,
					field:‘name‘,
					width:100	
				},{
					title:‘密码‘,
					field:‘password‘,
					width:100	
				}
			
			]],		
		
		});


});


</script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<div class="easyui-tabs" border="false" fit="true">
	<div title="用户管理" border="false">
		<table id="datagrid"></table>
	</div>
</div>
   

columns:[[
				{
					title:‘编号‘,
					field:‘id‘,
					width:100		//宽度一定要给出，不给出会报错
				},{
					title:‘姓名‘,
					field:‘name‘,
					width:100	
				},{
					title:‘密码‘,
					field:‘password‘,
					width:100	
				}
			
			]],
			toolbar:[{
				text:‘增加‘,
				iconCls:‘icon-add‘,
				handler:function(){
				}
			},{
				text:‘删除‘,
				iconCls:‘icon-remove‘,
				handler:function(){
				 }
			 },{
				text:‘修改‘,
				iconCls:‘icon-edit‘,
				handler:function(){
				}
			 },{
				text:‘查询‘,
				iconCls:‘icon-search‘,
				handler:function(){
				}
			  }
			
			]