<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>demo-accordion-tools</title>
    <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../demo.css">
    <script type="text/javascript" src="../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../js/jquery.easyui.min.js"></script>
</head>
<body> 

    <div titl="tools" class="easyui-accordion" style="width:500px;height:300px;">
        <div title="关于" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
                 this is a tools jsp page
        </div>
        <div title="DataGrid" style="padding:10px" data-options="
                selected:true,
                tools:[{
                    iconCls:'icon-reload',
                    handler:function(){
                        $('#dg').datagrid('reload');
                    }
                }]">
        <!-- 如下的data-options返回的json格式 -->
            <table id="dg" class="easyui-datagrid" 
                    data-options="url:'datagrid_data1.json',method:'get',fit:true,fitColumns:true,singleSelect:true">
                <thead>
                    <tr>
                        <th data-options="field:'itemid',width:80">Item ID</th>
                        <th data-options="field:'productid',width:100">Product ID</th>
                        <th data-options="field:'listprice',width:80,align:'right'">List Price</th>
                        <th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>
                        <th data-options="field:'attr1',width:150">Attribute</th>
                        <th data-options="field:'status',width:50,align:'center'">Status</th>
                    </tr>
                </thead>
            </table>
        </div>
        
      </div>
   
</body>
</html>


easyui-datagrid_css